Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

英単語が途中で改行されてしまうので word-break に break-all を指定しないでほしい #138

Closed
waviaei opened this issue Jun 20, 2022 · 3 comments · Fixed by #143
Labels
improvement Improvement and refactoring question Further information is requested

Comments

@waviaei
Copy link

waviaei commented Jun 20, 2022

v2.7.0 から変更があったようなのですが、word-breakbreak-all を指定しないでほしいです。
85032e9

beak-all にするとCJK以外でも単語の途中で改行をしてしまいます。
https://developer.mozilla.org/ja/docs/Web/CSS/word-break

@t-hamano
Copy link
Owner

テキストのオーバーフローを防ぐために break-all を加えましたが、コアのテーブルブロックのこのPRを見る限り、確かに使わない方がよいかもしれません。

break-word に変更しようと思うですが、どうでしょうか?

単語が一行の文字数を超えた場合は、単語の途中で折り返されますが、それ以外はちゃんと単語の単位で折り返されるようです。

word-break 指定無し

none

word-break: break-all

break-all

word-break: break-word

break-word

@t-hamano t-hamano added question Further information is requested improvement Improvement and refactoring labels Jun 21, 2022
@waviaei
Copy link
Author

waviaei commented Jun 22, 2022

word-break: break-word は deprecate されています。

https://developer.mozilla.org/en-US/docs/Web/CSS/word-break

Note: While word-break: break-word is deprecated, it has the same effect, when specified, as word-break: normal and overflow-wrap: anywhere — regardless of the actual value of the overflow-wrap property.

なので上記で記されているように下記の方がベターだと思います。

word-break: normal;
overflow-wrap: anywhere;

加えて、英語などでは1つの単語を2行に分けざるをえない場合、ハイフンでつなぎます。例えば

WordP-
ress

これを行うスタイルで hyphens というのがあるので、これを足して下記でどうでしょうか?

word-break: normal;
overflow-wrap: anywhere;
hyphens: auto;

@t-hamano
Copy link
Owner

なので上記で記されているように下記の方がベターだと思います。

ありがとうございます、この方向で問題無いか調整してみます。

これを行うスタイルで hyphens というのがあるので、これを足して下記でどうでしょうか?

こちらに関しては、必要以上にデフォルトスタイルを上書きしたくないという事と、手動(manual)でコントロールしたい人もいるかもしれないので、ユーザ(テーマ)側のコントロールに委ねたいと思います。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
improvement Improvement and refactoring question Further information is requested
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants