Angular.js を使ったレスポンシブルなサイトを作っているとき、長いURLをバインドした際に自動改行してくれず、横スクロールが発生してしまいました。
どうも、長い単語をDOMに挿入する際に発生するバグ？のようです。
そんなときは、対象の要素に以下のCSSを適用することで、自動改行されるようになります。
word-break: break-all;
お困りの方はお試しあれ。
ホームページの制作（デザイン・コーディング・プログラミング）に加え、ネットショップの販売促進に関するアドバイスも致します。 20年以上に渡って実際にネットショップを運営した経験を生かし、聞きかじりではない実績を伴ったノウハウを、自分の言葉でお伝えいたします。 プログラミングの経験は30年以上。HTML、CSS、JavaScript、TypeScript、Vue、NuxtJS、Node.js、MySQL、MongoDB、Elasticsearch、WordPress、PHP、Docker、Electronなど、幅広く対応します。
コメント