CSS Mozilla Firefox错误
我得到了一个奇怪的css错误,我从来没有面对过。我在内联显示的列表元素中使用图像列表。在Chrome中一切都很好,但是当使用Mozilla浏览时,最后一个li元素出现在第二行。尝试更改某些值,但没有结果!有人面对同样的问题并解决了吗 CSSCSS Mozilla Firefox错误,css,mozilla,Css,Mozilla,我得到了一个奇怪的css错误,我从来没有面对过。我在内联显示的列表元素中使用图像列表。在Chrome中一切都很好,但是当使用Mozilla浏览时,最后一个li元素出现在第二行。尝试更改某些值,但没有结果!有人面对同样的问题并解决了吗 CSS #std-signs ul { width: 736px; min-width: 736px; height: 52px; margin: auto; display: block; } #std-signs ul li { dis
#std-signs ul {
width: 736px;
min-width: 736px;
height: 52px;
margin: auto;
display: block;
}
#std-signs ul li {
display: inline-block;
width: 52px;
height: 52px;
margin-right: 1.5em;
}
#std-signs ul li:last-child {
margin-right: 0 !important;
}
可以使用
显示:表格单元格代码>而不是显示:内联块代码>
#std-signs ul li {
display: table-cell;
width: 52px;
height: 52px;
margin-right: 1.5em;
}
并在右边留有余量
#std-signs ul {
width: 736px;
min-width: 736px;
height: 52px;
margin: auto;
display: block;
border-spacing: 1.5em;
}
你也可以分享你的html吗。或者在jsfiddle.com上做一个工作演示更新了这个问题。您是否尝试在最后一个LI之后删除新行,例如:
使用1.46em而不是1.5em解决了它。奇怪的是,Firefox在相同的值上比Chrome增加了更多的空间。谢谢你的回答,但是“表格单元格”抹掉了“右边距”属性。看起来不错,但是元素不能像Chrome中的图片那样在ul中居中。将填充值应用到ul liAlready已经尝试过了,但没有成功。我把两张截图一张贴在另一张上,注意到Firefox中的“1.5em”比Chrome中的“1.5em”要多一些。我总是使用重置样式表,因为我知道每个浏览器都有它的默认值,所以从未想过会发生这种情况。我用了“1.46em”而不是“1.5”,看起来效果不错。