选择div内容时额外增加空间

Question

我正在研究一个非常烦人的bug。问题是它只发生在Internet Explorer中（我使用IE 10）。当我尝试选择div标签的内容时，在我选择的最后添加了一个额外的空间。尽管如此，互联网浏览器有这个选项来切换兼容模式，如果我使用额外的空间将不会再有了。是否有我可以用于我的MVC4视图的任何.css或.cshtml技巧？

HTML：

<div class="display"> "text" </div> 

CSS：

.display { 
    margin: 0.1em 0 0 0; 
    border: 0.1em 0 0; 
    width: 320px; 
} 

Answer 1

我假设由selecting你的意思是，当你突出，并从浏览器

的内手动复制您提供的html，div的实际内容是[space]text[space]

Chrome似乎很聪明并排除了尾随空格。 IE浏览器，在另一方面，值复制逐字

尝试删除空格周围的文本 - 如果你要求他们为你的造型，尝试加入一些填充，而不是

.display { 
    padding: 1px; 
    margin: 0.1em 0 0 0; 
    border: 0.1em 0 0; 
    width: 320px; 
}