选择div内容时添加了额外空间

Question

我正在研究一个非常讨厌的bug。问题是它只发生在Internet Explorer中（我使用的是IE 10）。当我尝试选择div标签的内容时，在我选择的末尾添加了额外的空格。仍然，Internet Explorer有这个选项来切换兼容模式，如果我使用额外的空间将不再存在。是否有我可以用于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;
}