Question

我的风格在“代码”中运行良好：

<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。

Answer 1

删除内联css，它应该解决问题：

<img class="minbild" src="/images/Etiketter/AmarilloSingleHopEtikett.jpg" alt="AmarilloSingleHopEtikett" width="300" height="300" />

内联CSS优先于外部CSS。

CSS边距在样式表中不起作用，但在代码中起作用

1 个答案: