CSSってまだほとんど使ってなくて
スペース開けたい時に<br />の改行タグ使いまくってた~。
んで、今日チェックボックスを綺麗に並べるために調べてたら・・・
CSSで設定できることが発覚!!
(また修正箇所が増えちまったぜっ。。。)
今回書いたのはこれ↓
1 2 3 4 5 6 7 8 9 10 |
.ckbox_set { width:700px; } .ckbox_set label { margin-right: 0.5em; display: block; float: left; white-space: nowrap; } |
class=ckbox_set ってのでhtmlをくくった部分は省略~。
.ckbox_set{ここで表示する幅を設定}
.ckbox_set label{ここでラベル表示の細かい設定}
white-space: nowrap; ←これはラベルの文字が折り返さんよーにするやつみたい。
margin-right: 0.5em; ←見慣れん「em」ってのが登場。長さの単位で1em = 1文字分の長さ。
へーーー。っと思いながら、CSSってすごいじゃん!!
と思った今日この頃。
メルマガ&イベント管理のシステムの大枠は動くようになった???(気がする。。)
ので明日はチェック&修正だーーー。
CSSを使っての見た目は最低限は整えるように頑張るぞ!!