我有一种在“代码”中运行良好的风格:
<img class="minbild" style="margin-right: 22px; float: left;" src="/images/Etiketter/AmarilloSingleHopEtikett.jpg" alt="AmarilloSingleHopEtikett" width="300" height="300" />
这会将 margin-right 设置为 22 px。当我将它移至“minbild”类时，它停止工作...
.minbild {
margin-right:62px;
box-shadow: 0px 0px 0px 1px #555, 0px 0px 0px 10px #eee, 0px 0px 0px 11px #555, 3px 3px 5px 11px #555;
-moz-box-shadow: 0px 0px 0px 1px #555, 0px 0px 0px 10px #eee, 0px 0px 0px 11px #555, 3px 3px 5px 11px #555;
-webkit-box-shadow: 0px 0px 0px 1px #555, 0px 0px 0px 10px #eee, 0px 0px 0px 11px #555, 3px 3px 5px 11px #555;
}
有人知道为什么会这样吗？我为我的 jceditor 使用相同的 css 文件，它显示边距很好!我已经尝试过 Chrome 和 IE9。
最佳答案
删除内联 css，它应该可以解决问题:
<img class="minbild" src="/images/Etiketter/AmarilloSingleHopEtikett.jpg" alt="AmarilloSingleHopEtikett" width="300" height="300" />
内联 CSS 优先于外部 CSS。
关于CSS 边距在样式表中不起作用，但在代码中起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21385155/