日本語におけるtext-wrapプロパティの運用

2024/07/21 84 users Balance CSS テキスト 折り返し方 日本語

CSSのtext-wrapプロパティを使うと、テキストの行の折り返し方を変更できる。text-wrap: balanceを適用すると、適用しない場合と比べて次のように変化する。 CSS text-wrap: balance  |  CSS and UI  |  Chrome for Developers text-wrap: balanceが適用された下の例では、すべての行の長さが均等になるように制御されて... 続きを読む

CSSの新機能！ テキストの行のバランスを自動調整する「text-wrap: balance;」の基礎知識と使い方

2023/06/14 82 users Balance CSS 見出し Chrome テキスト

テキストが複数行のときに、行ごとの文字数を同じにしてバランスを自動調整するCSSの新機能「text-wrap: balance;」が、Chromeでサポートされました。 日本語だと複数行の文字数を同じにしたいということは少ないと思いますが、見出しやコピーなどで文字数を揃えたいときに使えます。まぁ使ってもかなりピンポイントにな... 続きを読む