do | 創作・同人サイト制作支援サイト › フォーラム › テンプレート編集について › 1カラムのtext専用ページの文章表示幅を変えたい › 返信先: 1カラムのtext専用ページの文章表示幅を変えたい
2025-01-22 19:00
#4302

ゲスト
こんにちは。
style.css
#text main p {
~元からあるCSS~
/* 以下追加 */
max-width: 40em;
margin: auto;
}
としてみるのはいかがでしょう?
max-width: 40em;で最大幅を約40文字にしています。
「最大幅」なのでスマホ等表示幅が狭い場合は表示の幅に沿って狭くなります。
margin: auto;外側の余白を自動で調整してくれます。
#text main pが中央に寄ると思います。
デベロッパツール上で試しているだけなのでもしかしたら実際にやってみるとほかのCSSが干渉してうまくいかない場合もあるかもしれませんが一度お試しください!