CSS 日本語を単語の区切りで改行する方法(overflow-wrap: normal;が効かない場合にチェックするポイント)

伊藤理々杏・岩本蓮加・梅澤美波・久保史緒里・阪口珠美・佐藤楓・中村麗乃・向井葉月・山下美月・吉田綾乃クリスティー・与田祐希・遠藤さくら・賀喜遥香・掛橋沙耶香・金川紗耶・柴田柚菜・清宮レイ・田村真佑・筒井あやめ・矢久保美緒・黒見明香・佐藤璃果・林瑠奈・松尾美佑・弓木奈於・五百城茉央・池田瑛紗・一ノ瀬美空・井上和・岡本姫奈・小川彩・奥田いろは・川﨑桜・菅原咲月・冨里奈央・中西アルノ 標準的な環境だと、日本語は単語の区切りとかに関係なく改行されてしまいます そのため、たとえば人名が2行にまたがって表示されたりして見づらいことがあります そういうときはCSSで overflow-wrap: normal; word-break: keep-all; を設定しましょう 単語の区切りとなる「、。・」などの記号や半角・全角スペースの部分でいい感じに改行をしてくれて、単語が2行にまたがらないようにしてくれ