チェックボックスを綺麗に並べるCSSサンプル:phpspot開発日誌

Checkbox alignment in IE and Firefox | Xinotes チェックボックスを綺麗に並べるCSSサンプル。 次のように、チェックボックスの横に、改行入りのテキストを入れても綺麗に配置するサンプルです。 簡単そうでなかなか難しいテクニックかもしれないので覚えておくとよいかも。 サンプル IEでもFirefoxでも動作。Chromeでも試してみたところ動作しました。 関連エントリ クリーンなデザインでピュアＣＳＳなフォームを作るサンプル CSSでクールなINPUTフォームを作成するサンプル CSSベースのクールなフォーム、サンプル集 CSSでフォームデザインをする際のチュートリアル

[yochikon]

　チェックボックスとlablタグの横並び　～　応用が利くので覚えておくと便利

[min37]

メールフォームとかで、チェックボックスをキレイに並べられる！

[billy-elliot]

"[form][checkbox][css][webdesign][javascript]"

[daim_htn]

マークアップが微妙

[junhirabayashi]

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

[kakei]

人のやり方って面白い。

[varian02]

“チェックボックスの横に、改行入りのテキストを入れても綺麗に配置する”

[denken]

詳しく見てないんだけど、チェックボックスのサイズ分だけtext-indentをマイナスすればいいんじゃね？

[kentahirai]

チェックボックスを綺麗に並べるテクニック

[flar]

普段あんまり作らないので、結構はまったりするんですよね。フォームのデザインで

[forcutie]

フォーム、form

[paranod]

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

[eclucifer]

input と label を display:block し、float することにより綺麗に並べる。