0

今まで直面したことのない奇妙な css バグが発生しています。インラインで表示されるリスト要素で画像のリストを使用します。Chrome ではすべて正常に動作しますが、Mozilla でブラウジングすると、最後の li 要素が 2 行目に表示されます。いくつかの値を変更しようとしましたが、結果がありません! 誰かが同じ問題に直面し、それを解決しましたか?

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 に答える