このフィドルを見てください: http://jsfiddle.net/ugxNK/
最初のリスト要素が左隅、中央が中央、右隅が右隅にあるようにします。
さまざまな画面サイズでこれを動的に行うにはどうすればよいですか?
私はそれらを余白に揃えることしか知りません。
よろしく!
このフィドルを見てください: http://jsfiddle.net/ugxNK/
最初のリスト要素が左隅、中央が中央、右隅が右隅にあるようにします。
さまざまな画面サイズでこれを動的に行うにはどうすればよいですか?
私はそれらを余白に揃えることしか知りません。
よろしく!
first-child
、 、last-child
などのセレクターを使用できますnth-child(n)
。
多分それらをパーセンテージで持ってみてください?
.panel li { float: left; 幅: 40%; 表示ブロック; text-align: left }
.panel li.center { width: 20%; text-align: left }
.panel li.right { text-align: right }
次のように書くことができます。
.left { float:left }
.right { float:right }
ul{text-align:center; overflow:hidden}
これをチェックしてくださいhttp://jsfiddle.net/ugxNK/4/