Nabatea's Tech Blog

Simple Tech Blog.

ヘッダー画像です。
CSS
CSSのtext-alignプロパティ

text-alignをbodyタグに指定しているんですが、こういう使い方ですね。

CSS
body {
  text-align: justify;
}

これだと何もかも間伸びして見えるようになりますので、表示がおかしいと思ったタグだけ初期値に戻しました。結果、今のデザインでもPC、タブレット、スマホすべてに運用できるかもと思いましたw

CSS
ul,ol,dl {
  text-align: start;
}

h1タグとpタグだけにjustifyを指定するのも良いかもしれませんね。しかしいつからこんな記述でないとデザインが崩れるようになったんだろ・・・。Material CSS Resetのせいかなぁ・・・?リセットCSSが原因ならもう仕方がないかなぁ。そもそも仕様だったらどうしようもないですよね。時間を待つしか。Bootstrapも仕様が変わってるときありましたから(使ってないから関係ないですけど)。

WordPressが原因ということも考えられますよね。ヘッドレスCMSに移行すればそのしがらみもなくなりますね。また今度。

コメントを書く

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

*

*

*