エグウェブ.JP@福岡/WEBセミナー・分析・WEBサイト制作

福岡でWEB分析・ホームページ・WEBサイト作成・WordPress、Googleアナリティクス、LINEスタンプ、Photshop・illustrator、Excelの講座やセミナーを開催

【HTML/CSS】tableをスマートフォンの幅に合わせる方法

time 2018/02/01

テーブルの横幅が大きすぎて画面に収まりきれない…。
コンテンツ横幅を超えているため右側が表示できない。

「width:100%;」

「table-layout: fixed;」

「word-break: break-word;」

3つを指定します。

<table style="width:100%;table-layout:fixed;word-break:break-word;"></table>

 

これで、横幅が画面内に収まると思います!
\(^o^)/

download

プロフィール

EGUWEB

EGUWEB

【皆さまの人生に最良のファーストステップを】WEBサイトを作りたい!WEB分析を学びたいけど分からない。とりあえず色々と知りたい!皆様の悩みを解決できるように頑張ります。 [詳細]

カテゴリー