「vertical-align:middle」+「float」がうまいこと動作しない。 - うなの日記
「vertical-align:middle」で縦方向中央ぞろえにした要素にfloatを設定すると、整列が解除されてしまう。んー、要素を左右に配置するならfloatだよなー、何とかならんかな、ということで、divを使って何とかしてみた。戦略は以下。 右にしたい要素をdivで囲って、divに「float:right;」を設定。 右の文字列からはfloat指定を解除。 これだけだと左と右で配置位置がずれてしまうので、右側にも左側と同じサイズの隠し要素を配置して高さをそろえる。 左の要素の文字列が2行にならなければ一応上手く動くかな。 CSS: .box { width: 200px; margin-bottom: 20px; border: 1px solid #999; } .box * { vertical-align: middle; } .large { font-size: 24px
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
allinthemind.biz - allinthemind リソースおよび情報