面倒な中央揃えと改行を自動で行なうために… | 古びた日記帳 ~錆びた骨の砕屑~

古びた日記帳 ~錆びた骨の砕屑~

SUZURIで愛犬グッズを制作するほどのアルティメット犬バカ。
アラフォーでアニメ好きですがなにか?な陰キャ(苦笑)
そんな感じで取り留めのない人間のブログです。

2021年 Web制作開始
2022年 コーダーになる
2023年 就活失敗の1年(ぁ
2024年 今度こそ就職したい(何

 

如月でっす!

金曜日は作業に集中するなどと言いながら、ブログ書いてます。

 

1つ書きたいことがあったんですが、うまく実装確認が取れなかったので見送りし、途中まで仕上げていたものを削除してたんですね。

 

今度は実装できるかな?

 

面倒な中央揃えと改行を自動で行なうために…

 

メモ

<style type="text/css">

  p {
    word-wrap: break-wrap;
    overflow-wrap: break-wrap;
    word-break: auto-phrase;
    text-align: center;
  }
</style>

 

文字数を考えて入力したり改行したりしたくなくて、何とかならんものかと。

HTML編集開いて上記を記述してからブログを書くと、スマートフォンの表示は…

 

 

いい感じのところで自動で改行してくれる。

 

上手く改行できてるのはchrome表示だけかな?

 

一応、古いものにも改行を対応させるために複数の指示を書いてるんだけども…

アプリ上の表示も確認してないし、chrome以外のブラウザの表示も確認できてないので微妙。

 

近年に出た『word-break: auto-phrase;』がchromeの新しめのバージョンしか対応してないらしく、日本語の改行が楽になるまでにはもう少し掛かりそうな感じがある。

如月みたいなズボラ~は早く使いたいんだよ(何

 

今回は、あくまでもアメブロでまとめて指定した形。

他のブラウザも早く対応してほしいなぁ…悲しい