気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
HTML をシンプルに保ちつつ、ブロック要素の段組みを実現する方法 | バシャログ。
48 users
bashalog.c-brains.jp
bashalog.c-brains.jp
bashalog.c-brains.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
HTML をシンプルに保ったままブロック要素を段組みする方法です。 ↑のように写真を横並びで表示したい、... HTML をシンプルに保ったままブロック要素を段組みする方法です。 ↑のように写真を横並びで表示したい、というケースはよくあると思います。 まず、上記の HTML ソースがこちら。 <div id="photo"> <ul> <li><img src="hoge1.jpg" alt="サンプル1" width="160" height="120" /></li> <li><img src="hoge2.jpg" alt="サンプル2" width="160" height="120" /></li> <li><img src="hoge3.jpg" alt="サンプル3" width="160" height="120" /></li> </ul> </div><!-- /#photo --> 今回のサンプルでは、ボックスと余白が以下になっています。 全体の横幅（500px）が決まっていて
bashalog.c-brains.jp
bashalog.c-brains.jp
bashalog.c-brains.jp
bashalog.c-brains.jp
anond.hatelabo.jp
posfie.com
anond.hatelabo.jp
www.kobe-np.co.jp
togetter.com
anond.hatelabo.jp
togetter.com
anond.hatelabo.jp
posfie.com
togetter.com
wikiwiki.jp
www.snrec.jp
developers.freee.co.jp
developers.freee.co.jp
engineers.ntt.com
2008/07/19 リンク