css - 选择 div 内容时添加的额外空间

Question

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

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;
}