備忘 #CSS URLを文中でもお構いなしに折り返しさせたい。URLは単語も役物も気にしなくて良いよ派なので。 あと呟きの方も調整したい。 →現行は以下の記述。クラス名は各々のhtmlがあるので適当。 /*呟き折り返し*/ .example{ overflow-wrap: anywhere; line-break: loose; } /*URL折り返し*/ .example a{ word-break: break-all; } overflow-wrapが表示範囲を超える長い英単語が出てきたらそこで折り返すかどうか。 word-breakは単語の途中でも何でも表示範囲を超えたら折り返すかどうかを制御しているイメージ。 上の2つは英数字に関するので、日本語はword-break:keep-allでもなければ折り返し位置に変化なし。 line-breakが日本語の禁則処理に関する制御に該当する。 自分は句読点が文頭に来なければいいのでlooseを使用。 役物も最低限は気になるんですが、それより文字の折り返しで句読点が挟まって来たとき、句読点の前の字が次の行に行って前の行のケツが1字空くのがす〜ごい気になる。丁度line-breakが〜と言っている辺りの所。追い出しという処理らしい。 なのでなんか、そこら辺なんとかできないかな〜。 2025/08/08
URLを文中でもお構いなしに折り返しさせたい。URLは単語も役物も気にしなくて良いよ派なので。
あと呟きの方も調整したい。
→現行は以下の記述。クラス名は各々のhtmlがあるので適当。
overflow-wrapが表示範囲を超える長い英単語が出てきたらそこで折り返すかどうか。
word-breakは単語の途中でも何でも表示範囲を超えたら折り返すかどうかを制御しているイメージ。
上の2つは英数字に関するので、日本語はword-break:keep-allでもなければ折り返し位置に変化なし。
line-breakが日本語の禁則処理に関する制御に該当する。
自分は句読点が文頭に来なければいいのでlooseを使用。
役物も最低限は気になるんですが、それより文字の折り返しで句読点が挟まって来たとき、句読点の前の字が次の行に行って前の行のケツが1字空くのがす〜ごい気になる。丁度line-breakが〜と言っている辺りの所。追い出しという処理らしい。
なのでなんか、そこら辺なんとかできないかな〜。