気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
3users
がブックマーク
1
1
dlで表をつくる方法 - CSSブログ～ホームページ制作会社 gravity works（グラビティ・ワークス）のCSSについての知識と備忘録
3 users
www.gravity-works.jp
記事へのコメント1件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
dlで表をつくる方法 - CSSブログ～ホームページ制作会社 gravity works（グラビティ・ワークス）のCSSについての知識と備忘録
上図のような表をdlで作成する場合、 今まではdt、ddにきっちりwidthを指定し、 それぞれにborder-botto... 上図のような表をdlで作成する場合、 今まではdt、ddにきっちりwidthを指定し、 それぞれにborder-bottomを指定。 dtにfloat:left;、ddにfloat:right;を指定するという方法でやっていました。 でも、「う」の段のように、ddのテキストの行数がdlよりも多いと border-bottomがずれてしまいます。 ならborder-top指定すれば？と思いますが、 「え」の段のように、逆にdtのテキストの行数が多いと 「お」の段が回り込んでしまいます。 そうすると、一段ずつdlにするというような 何とも不細工なソースになってしまっていました。 調べてみると、下記の様にすればで崩れずソースもきれいなままです。 それは、dtにwidthとfloat:left;を指定border-bottomの指定はナシ。 ddには、dtのwidth分のpadding-leftと
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
2014/12/18 リンク