Webブラウザの日本語改行問題 -改行を実現するHTML/CSS-（1） - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/tamanyan

18 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

yggdra_w “word-break: keep-all; + overflow-wrap: anywhere; + <wbr>”

CSS

2023/12/20 リンク

efcl `word-break: keep-all + overflow-wrap: anywhere;`について

CSS
article

2023/10/02 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

Webブラウザの日本語改行問題 -改行を実現するHTML/CSS-（1） - Qiita

日本語のWebサイト（ランディングページ等）をつくっていると、読みにくい所で改行されるパターンがあり... 日本語のWebサイト（ランディングページ等）をつくっていると、読みにくい所で改行されるパターンがありますよね？実際この記事もブラウザの横幅によって単語の途中なのに改行されています。普通に文章を読んでいる時には良いのですが、これがランディングページのヘッドラインで起きるとものすごいカッコ悪いです。たとえばPhotoshopのページで「写真のレタッチ、合成、カラー変更」というヘッドラインが以下のようになってたらいかがでしょうか？この場合はできれば、「合成、」の後で改行されている方が自然で読みやすくなっています。（ちなみにこれは、Chrome Developer Toolsで編集して、わざと見にくくしたので、実際にはキレイに改行処理しています）。よーしそれじゃあ<br>入れれば良いんだなと真っ先に思いついた方がいるでしょう。しかし今日はさまざまなデバイスが皆さんのWebサイトに訪れています。

ブックマークしたユーザー

kochi152024/10/25
jytech2024/04/27
tech04032024/04/12
yggdra_w2023/12/20
manaten2023/12/07
mmc_HTNA2023/12/02
yug12242023/10/06
yoshi-nkyma2023/10/06
kyaido2023/10/03
k_oshima2023/10/02
efcl2023/10/02
asakura-t2023/09/25
donnie280642122023/05/19
htsnul2022/02/26

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx