0

要素を広げる方法はありますか（例：<li>は<ul>内にあります）？

私の<li>はインライン（垂直ではない）であり、サイズを変更したくありません。

<li>要素間のスペースを設定して合計が100％になるようにします。

例えば。：

<ul>は3つの<li>で構成されます。最初の<li>は200px、2番目の<li>は200px、3番目の<li>は400pxです。

画面に1000pxがある場合、li間のスペースは200pxである必要があるため、スペースごとに100pxになります（左側と右側のパディングが0pxの場合）。

javascriptを使用せずにこれを達成したい

編集：

テーブル付きソリューション 写真は私がリストで達成したかったsultionを示しています。
青い境界線のあるすべての要素はliである必要があります（写真でわかるように、テキストを含む要素がいくつかあるため、cssの内側に設定することはお勧めできません）。
要素間のスペースは、最後の要素（赤いログアウトボタン）が画面の右端に触れるように、正確に大きくする必要があります。

-しかし、javascriptを避けるために、私は今それをテーブルで解決しました

4

2 に答える 2

0

このようなものをお探しですか？

http://jsfiddle.net/jMTjb/1/

または空白あり

http://jsfiddle.net/jMTjb/2/

于 2012-10-12T12:20:58.167 に答える
0

解決方法：このhttp://jsfiddle.net/Tejzf/ を使用する代わりに、ul要素とil要素の代わりにテーブルを使用しました。テーブルwidth=100％、セルの幅（liが前にある場合）は1px（可能な限り小さい）です。そして、セルの間に、幅を定義しなかった新しい空のセルを追加しました。

<table width="100%"><tr>
   <td width="1">DATA1 from LI1</td><td></td>
   <td width="1">DATA2 from LI2</td><td></td>
   <td width="1">DATA3 from LI3</td>
</tr></table>

とあなたの返信のためのthx

于 2012-10-12T13:00:00.160 に答える