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

Question

我正在处理一个非常烦人的错误。问题是它只发生在 Internet Explorer 中(我使用 IE 10)。当我尝试选择 div 标签的内容时，在我选择的末尾添加了一个额外的空格。尽管如此，Internet Explorer 仍具有用于切换兼容模式的选项，如果我使用额外的空间将不再存在。是否有任何 .css 或 .cshtml 技巧可以用于我的 MVC4 View ？

HTML :

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

CSS:

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

Answer 1

我假设选择是指您在浏览器中手动突出显示和复制

你提供的html，div的实际内容是[space]text[space]

Chrome 看起来很聪明，它排除了尾随空格。另一方面，IE 逐字复制值

尝试删除文本周围的空格 - 如果您的样式需要它们，请尝试添加一些填充

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