前の記事 ≪:2009年3月9日 管理人のブックマーク
次の記事 ≫:小さくてかわいいWEBサイト用462アイコンのセット「Splashy Icons」

チェックボックスを綺麗に並べるCSSサンプル

2009年03月10日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Checkbox alignment in IE and Firefox | Xinotes

チェックボックスを綺麗に並べるCSSサンプル。
次のように、チェックボックスの横に、改行入りのテキストを入れても綺麗に配置するサンプルです。
簡単そうでなかなか難しいテクニックかもしれないので覚えておくとよいかも。


サンプル

IEでもFirefoxでも動作。Chromeでも試してみたところ動作しました。

関連エントリ
関連の記事検索:CSS, Webデザイン, チュートリアル, フォーム, Web制作, JavaScript
スポンサード リンク

By.KJ : 2009年03月10日 07:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)