0

このフィドルを見てください: http://jsfiddle.net/ugxNK/

最初のリスト要素が左隅、中央が中央、右隅が右隅にあるようにします。

さまざまな画面サイズでこれを動的に行うにはどうすればよいですか?

私はそれらを余白に揃えることしか知りません。

よろしく!

4

4 に答える 4

2

次のようにリスト項目に幅を追加します。

.panel li
{
    display: inline-block;
    width:33%;
}

jsFiddle の例

于 2012-06-24T15:40:35.053 に答える
1

first-child、 、last-childなどのセレクターを使用できますnth-child(n)

于 2012-06-24T15:43:20.513 に答える
0

多分それらをパーセンテージで持ってみてください?

.panel li { float: left; 幅: 40%; 表示ブロック; text-align: left }

.panel li.center { width: 20%; text-align: left }

.panel li.right { text-align: right }

于 2012-06-24T15:42:11.457 に答える
0

次のように書くことができます。

.left { float:left }
.right { float:right }
ul{text-align:center; overflow:hidden}

これをチェックしてくださいhttp://jsfiddle.net/ugxNK/4/

于 2012-06-24T15:45:34.367 に答える