[css][html] divでtableを作る tableの行全体をリンクにする divの高さとborder-bottomを揃える display:table-cellは神です。

[css][html] divでtableを作る tableの行全体をリンクにする divの高さとborder-bottomを揃える display:table-cellは神です。 スマホ用のサイトを作っててすんげーハマった。 何にハマったって、こういう２列のリスト（表）を作り、さらに行全体をクリックしてリンクに飛ぶようにする。 コレ、生半可なことじゃできないんだね〜。 調べると display:block; にするとブロック全体がリンクされるって言うけど、これを表の中にある行にするってのが・・・。左右の列、セルの高さを揃えないといけない。全然できない。揃わないったら揃わない。 <table> → display:block;とするとリンクがセル単位になってしまう（行単位じゃない）。 <ul><dl> → ブロック全体以前に、左右の列の高さが変わるとborder-bottomがずれて表にな

[kiyo_hiko]

ゴイス

[ragion]

言っちゃえばテーブルの部品ごとにスタイルシートで対応する display 属性の値を定めただけか。簡単そう！