リストで等幅に表示させたい時


ページングとかでリストをうまいこと
【左端】【真ん中】【右端】
みたいに並べたい時ってあると思います。

誰でもfloatかけて。。ってやるとは思うんだけど、
なんだかんだでIEとかIEとか、なかなか全ブラウザに一発で対応って難しい。
まぁ何でもそうだけど。。。


そんな時は大抵、リストにwidth指定しちゃいます。
HTML側は

<ul>
 <li>左</li>
 <li>真ん中</li>
 <li>右</li>
</ul>

だとして、
CSS側で

ul li {
    float: left;
    width: 33%;
    }

みたいに決め打ち。100%を3で割ったら33%みたいな。
細かいところはうまいこと調整すればおkですな。

Posted in Web-tips by prolography at 6月 24th, 2009 .
Tags:
海外現地オプショナルツアーなら【VELTRA(ベルトラ)】
ケンコーコム