リキッド・レイアウトでチェックボックスを綺麗に並べる - WebOS Goodies

WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。

[hory-gom]

“display: inline-block”

[rocca107]

きれいに並ぶ！

[webmarksjp]

webデザイン

[tofu-kun]

正直アンケートとか項目が多いもの、長いものをユーザビリティを高めるのは現状のCSSだけでは不足しがち。それ以前に、フォーム内容自体を見直すべき。それでもやらなきゃいけない場合は、ここを参考にしよう

[caligo]

リキッドレイアウト]

[night_hike]

「display:inline-block」Firefoxでは未対応。残念

[hiro_y]

labelとチェックボックスをきれいに並べる。inline-block便利。

[kgbu]

おー、すげー重箱隅的だけど、たしかに気になるポイントではあるね。

[hokousya]

横幅に合わせて一行のチェックボックスの数が変わるようにする方法をいくつか試してみました。