Fatal编程技术网
  • css/
  • Css 选择div内容时添加的额外空间

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

css internet-explorer razor

Css 选择div内容时添加的额外空间,css,internet-explorer,razor,Css,Internet Explorer,Razor,我正在研究一个非常讨厌的bug。问题是，它只发生在Internet Explorer中（我使用IE 10）。当我尝试选择div标记的内容时，会在选择的末尾添加一个额外的空格。不过，Internet explorer有这个选项来切换兼容性模式，如果我使用了额外的空间，就不会有更多的空间了。是否有任何.css或.cshtml技巧可用于MVC4视图 HTML: <div class="display"> "text" </div> .display { margin:

我正在研究一个非常讨厌的bug。问题是，它只发生在Internet Explorer中（我使用IE 10）。当我尝试选择div标记的内容时，会在选择的末尾添加一个额外的空格。不过，Internet explorer有这个选项来切换兼容性模式，如果我使用了额外的空间，就不会有更多的空间了。是否有任何.css或.cshtml技巧可用于MVC4视图

HTML:

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

.display {
    margin: 0.1em 0 0 0;
    border: 0.1em 0 0;
    width: 320px;
}
我假设
选择
是指从浏览器中手动高亮显示和复制

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

Chrome看起来很聪明，并排除了尾随空间。换句话说，逐字复制值

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


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



你能提供一些代码吗？