tdが横に伸びない

レスポンシブサイトでtableを扱うとき、横並びになっていたthやtdのセルをブロック要素にして、横幅100%で表示させることがあります。

指定方法は、thおよびtdにdisplay:blockを指定するだけです。
これで、tdがブロック要素として表示されるので、各ボックスが横幅100%になり、たてに順に並びます。

単にtableにもdisplay:blockをするだけではできません。

table {
    width:100%;
    display:block;
}

table {

width:100%;

display:block;

}

blockにするのはthとtdにしてtable の横幅を100%にします。

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

table {

width:100%;

}

th,td {

display:block;

}

ボックスの高さを揃える

カスタム投稿のアーカイブページにもAll in One SEOのディスクリプション設定を反映する