スリ飯屋Malankaのフリーエンジニアな日々

IT実務未経験から約1年、東京でフリーランスのRuby on Railsエンジニアに転職。約2年半、大阪中崎町でスリランカカレーの間借りしてました。フリーランスエンジニアになるためのノウハウ、スリランカの事を発信していきます。

html5-table

【table】table要素のtdやth内テキストの周囲に、余白を持たせる方法

下記の記事を参考にしました。 文字の周りはある程度の余白(padding)をとる事です。 テキストの周りに余白をとる時はtableタグではtrではなくth、tdにつけます。 レスポンシブも対応!綺麗で見やすい表のデザイン11個[HTML&CSS] | SEO対策なら株式会社ペコプ…

【レスポンシブ】table要素がスマホで横幅がはみ出る場合

PCでは問題ないが、スマホだとtableが横にはみ出してしまう。 調べていると、この記事で以下のように書かれていました。 https://www.netimpact.co.jp/diary/20607/ セル内に英単語が入っていた場合、単語の途中で折り返さないため、それが邪魔をしてスマホ…