Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8691

【CSS】word-breakの使い方

$
0
0

プログラミング勉強日記

2021年3月11日

word-breakとは

 改行方法を指定する。要素からテキストがはみ出る場合に改行方法を制御する。

word-breakの使い方

CSS
word-break:;

この値には、normal, break-all, keep-allのどれかを指定する。

 normalは初期値で、既定の改行規則を適用する。
 break-allは、要素の幅に合わせて改行する。(単語の途中であっても改行する。)
 keep-allは、CJK(中国語、台湾語、日本語、韓国語)の改行を許可しない。

参考文献

CSSのword-breakプロパティを使った文章の改行の仕方を現役エンジニアが解説【初心者向け】
word-breakプロパティの意味と使い方


Viewing all articles
Browse latest Browse all 8691

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>