0

我遇到了一个以前从未遇到过的奇怪的 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;
}
4

1 回答 1

0

您可以使用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;
}
于 2013-09-15T10:40:40.777 回答