tableタグでスマホでは縦に要素を並べ、パソコンでは表の表示にするCSS

スポンサーリンク

table要素で縦に要素を並べる時はthとtdをdisplay: blockに。

表に戻す時はdisplay: table-cellにする。

th, td {
  display: block;
}

@media-(min-width: 768px) {

  th,td {
    display: table-cell;
  }
}

コメント

タイトルとURLをコピーしました