スマホ対応用にtableをdisplay:blockにすると、横幅が100%にならない問題

tableのレイアウトをスマホ対応用にdisplay:blockさせると、
横幅が100%にならない問題で、若干はまりました。

table,tr,td,th {
    display: block;
    width: 100%;
}

table,tr,td,th {

display: block;

width: 100%;

}

こうすると、td幅が100%になりません。
原因はtableにdisplay:block;を入れてることでした。

tr,td,th {
    display: block;
    width: 100%;
}

tr,td,th {

display: block;

width: 100%;

}

これでOKでした。
若干はまったのでメモ。

役に立った 1

役に立ったボタン設置してみました。是非押していってくださいm(__)m（2020年4月設置）

この記事を書いた人

原宿でWEBディレクターをやっています。
WEB業界に携わって約15年。独立して7年目です。
自分らしく、働きやすく、周りの人の役に立つ。
そんな仕事をゆるゆるとやっています。

記事一覧