自己紹介

自分の写真

田舎でまったり暮らす主婦「さっこ」です。6人家族の紅一点。このサイトではブログに書くほどでもないことをつぶやいていこうかなと思ってます。プロフィールページにはSNS等のアカウントを紹介していますので、そちらもご覧ください。

過去ログ

カテゴリ

全文検索

Sakko Memo タイトルロゴ

普段はMastodonにいます。当サイトの使い方はここここの投稿を読めばわかると思います。

タグ「CSS」を含む投稿[5件]

2021.01.06(Wed)

投稿本文、標準スキンではURLがボックスからはみ出さないようにword-break:break-allを指定してるんだけど、これやるとリンクを貼った文字の大きさがおかしくなる。いや、パソコンでは普通なんだけど、私のスマホ(Galaxy A41,Android10,ブラウザはyandex Browser・Chrome・Edge)で確認すると文字の大きさが小さくなってたりする。font-sizeで文字の大きさを決め打ちしても駄目。

あれこれ悩んだけれど、[[COMMENT]]を囲ってるdiv要素にword-wrap:break-wordoverflow-wrap:break-wordを指定することで対処しました。今のところ問題はない模様。それにしても折返しに関するプロパティはようわからん…。頭痛くなりそう。

【追記】
結局、word-break-break-allline-break:anywherelooseも継ぎ足してみた。なんか日本語の改行が気になって仕方なかったから。日本語とアルファベットが混在してる文章、マジ面倒。
#CSS
  • No.63
  • 09:22:28
  • (477文字)

2021.01.05(Tue)

今はtext-decoration-style:wavyって使えるんやな。昔は対応ブラウザがほぼなくて、画像で再現してる人がいたような気がする。
本当に #CSS で出来ることが増えて楽になったw
  • No.56
  • 12:57:19
  • (98文字)

2021.01.04(Mon)

ドロワーメニューの過去ログ、カテゴリ、ハッシュタグを横並びにするためにdisplay:inlineを使ってるんだけど、これだと文字の途中で折り返してしまうことに気づいた。
flex-wrap:wrapを使ったほうが良さげ。
display:inline-blockで解決やん。無駄なことをするとこやった。
#CSS
  • No.43
  • 00:07:32
  • (158文字)

2021.01.03(Sun)

テキストの画像置換 : SEO的にまだマシそうな手法 | UNICO LABO

参考になりそうなので書いておく。なるほど、この方法が今どきか…。
#CSS
  • No.41
  • 22:46:05
  • (79文字)

2021.01.02(Sat)

日本語対応!CSS Flexboxのチートシートを作ったので配布します
Flexbox超便利。20年前にこれがあれば苦労しなかったのに。
#CSS
  • No.34
  • 20:29:10
  • (73文字)