hail2u.net - Weblog - floatで並べたリストのセンタリング
ページング・ナビゲーションなどでリスト項目をfloat: left;で横に並べるというのは割りと良く使われると思う。並べること自体は特に難しいわけではないが、その並べたリスト全体をセンタリングしようとするとちょっとややこしい。display: inline-block;を使う手法やdisplay: table;を使う手法という黒魔法的(私見)な手法で実現可能だが、position: relative;でもいける。 ややこしい理由は簡単で、センタリングでよく使われるtext-align: center;やmargin: 0 auto;といった手法が通用しないから。検索するとすぐ出てくる比較的メジャーなdisplayで頑張る方法もわかりやすいし悪くはないのだけど、同一セレクタ内で複数のdisplayを駆使する必要があることやzoomマジックなどを併用する必要があることからコードがややこしくなる
A Little-known Way to Replace Some Scripts with CSS Counters — SitePoint
January 6, 2009A Little-known Way to Replace Some Scripts with CSS Counters Ever since Eric Meyer highlighted how capable CSS is at his css/edge collection, we’ve been looking for ways to replace effects that were once only possible using JavaScript with CSS-based equivalents. Replacing executable scripts with style sheets often improves performance and results in a more accessible page. One of th
リストマーカーをクリック（Fx）
Firefox（1.5.0.6）でリストマーカーをクリックすると、そのリスト要素が選択される。さっき気づいた。 リストマーカー：HTMLの<li>タグでマークアップされたり、CSSでdisplay:list-itemが指定されたりしたボックスが生成するマーカーのこと。 コメント（3件） 洵:Re: リストマーカーをクリック（Fx） Σ（゜□゜三 本当ですね！ 今は専らlist-style-type: none;＋background-image: url(リストマーク);の方を使っているのですが、こういう機能があるということはちゃんとリストにはマークを指定した方がいいのでしょうか？ でもMozillaだけの機能だとすると、それ以外の環境は「リストマークがずれる」というデメリットだけが残るわけで…ちょっと残念。 2006年09月16日（土）18:39:51 URL 編集 みりばーる:Re:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
