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

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

table

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

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

【css】特定のセレクタに対しては、cssを適用しない :not

【css】特定のセレクタに対しては、cssを適用しない :not :not(セレクタ名) と書きます。 例: tbody要素内の、#article_speech_targetというセレクタ以外のtdに対し、cssを適用したい。 以下のようになります。 tbody td:not(#article_speech_target) { padd…

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

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