行揃えを行う - CSS
text-align
プロパティを使う。
text-align: left;
:左揃えtext-align: right;
:右揃えtext-align: center;
:中央揃えtext-align: justify;
:均等配置
均等配置
値にjustify
を設定する
指定したセレクタのテキストを均等に表示するようにしてくれる。長い文章などに使える
p { text-align: justify; }
justify無し
justify有り
1行目が均等に配置されていることがわかる
参考文献
いちばんよくわかるHTML5&CSS3デザインきちんと入門 (Design&IDEA)
- 作者: 狩野祐東
- 出版社/メーカー: SBクリエイティブ
- 発売日: 2016/10/27
- メディア: 単行本
- この商品を含むブログ (1件) を見る