1

<li>同じ内のコンテンツに基づいて、それぞれの幅のサイズを変更することは可能<ul>ですか？

すべて<li>が本質的に最大幅に一致して引き伸ばされているようです。どうすればこれを回避できますか？

は<ul>、画像とテキストの間でコンテンツが異なる垂直リストです。

4

3 に答える 3

3

インラインブロックは適切ですが、おそらく、リストアイテムのスタイルを変更せずに、リストアイテムをスタックする必要があります。その場合、コンテンツをスパンまたはdiv内に配置し、それをインラインスタイルに設定できます。

<html>
<body>
    <ul>
        <li><span>test</span></li>
        <li><span>long test</span></li>
        <li><span>longest test</span></li>
    </ul>
</body>
</html>​

このcssで

li span
{

    background-color:blue;
    display:inline-block;

}​

http://jsfiddle.net/WHSpW/

于 2012-08-31T16:38:31.350 に答える
2

の「表示」スタイル<li>をインラインブロックに設定すると、希望どおりに機能するはずです。

于 2012-08-31T16:35:26.810 に答える
0

それらをフロートさせると、それらに含まれるコンテンツの幅になります。

li {float: left;}

内容物をフロートさせるか、クリアフィックスulを適用して崩壊しないようにする必要があります。IE6では、zoom：1を使用して。でhasLayoutをトリガーできます。ul

于 2012-08-31T16:42:01.473 に答える