gpt4 book ai didi

CSS Mozilla Firefox 错误

转载 作者:行者123 更新时间:2023-11-28 12:21:55 25 4
gpt4 key购买 nike

我遇到了一个我以前从未遇到过的奇怪的 css 错误。我在内联显示的列表元素中使用图像列表。在 Chrome 中一切正常,但在使用 Mozilla 浏览时,最后一个 li 元素出现在第二行。试图更改一些值但没有结果!有人遇到过同样的问题并解决了吗?

http://i.stack.imgur.com/0N4NW.jpg

CSS

#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;
}

最佳答案

您可以使用 display: table-cell; 代替 display: inline-block;

#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;
}

关于CSS Mozilla Firefox 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18811347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com