0

次のようなリストがあります。

<ul class='fixture'><li>...html table...</li></ul>
<ul class='fixture'><li>...html table...</li></ul>
<ul class='fixture'><li>...html table...</li></ul>

<ul class='fixture'><li>...html table...</li></ul>
<ul class='fixture'><li>...html table...</li></ul>
<ul class='fixture'><li>...html table...</li></ul>

高さを 23にliしましたが、html テーブルのコンテンツが 23 を超えると、コンテンツがliその下に干渉します。li の最小高さを作成し、高さを未指定のままにしようとしましたが、うまくいきませんでした。liコンテンツの高さが他よりも高い場合に高さを上げる方法について誰かが私を助けることができるかどうか知りたいliですか?

4

2 に答える 2

1

LI から高さを削除することを検討してください。高さは行を区切るために使用される可能性があります（間違っている場合は修正してください）。簡単な解決策は、それを行の高さに変換することです:

li {
  line-height:23px;
}

ただし、これにより、行の間隔が均等になります。リスト項目の行を視覚的により適切にグループ化するために、行よりも少し多く LI を分離したい場合があります。これを行うには、行の高さと一緒にパディングを追加します。

li {
  line-height:13px;
  padding-bottom:10px;
}

これはあなたが探している効果をもたらしますか？

于 2013-06-01T06:14:30.630 に答える