« slickを動作させない | トップページ

table tr のborder

単純かもしれませんが、結構手間がかかりました。

①tableのtdにborder:dashedを入れると、tdの区切りがずれる

あああああ いいいいいいいいいい ううう
あああああ いいいい ううう


②trをdisplay:blockにしてtrにborder:dashedを入れると、tdの内容が足りない時に縦に揃わずずれる
あああああ いいいいいいいいいい ううう
あああああ いいいい ううう


③tableにborder-collapse:collapseを入れ、trにborder:dashedを入れる
あああああ いいいいいいいいいい ううう
あああああ いいいい ううう


これで解決しました。

« slickを動作させない | トップページ

css」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1139838/69220128

この記事へのトラックバック一覧です: table tr のborder:

« slickを動作させない | トップページ