[Hugo] 長い URL を改行する

荒川仁志

Hugo で長い URL がウィンドウ幅で改行されていない現象が起きていた。もともとウィンドウ幅が広いパソコンだと問題ないが、モバイルデバイスだと生じていた。最近はモバイルデバイスからのアクセスが多いので直しておくことにした。

環境：Hugo（heyo テーマ）

/theme/heyo/assets/css/style.css の p（＝パラグラフ）の項目に以下を追加することで解決した。

word-break: break-all;

参考：
長いURLをきれいに表示させる方法２選 | SNフロントエンドブログ
https://frontend.seeknext.co.jp/long-url-solution/

OT: Avoiding having Hugo breaking down words into the next line - support - HUGO
https://discourse.gohugo.io/t/ot-avoiding-having-hugo-breaking-down-words-into-the-next-line/32964


この記事が気に入ったらサポートをしてみませんか？