HTML,CSS

HTML,CSS

【CSS】tableタグのtd中でURLなどアルファベット文字列を改行させたい場合の書き方

2019/01/08

tebleのtdタグの中でURLなど、アルファベットや記号が連続している場合、テーブルの横サイズを500px等に指定していても(自動的に)改行せず、横サイズいっぱいまで続いてしまうことがしばしばあります。
このような場合に自動改行させるCSSをご紹介します。

table中の長いURLを改行させる

改行しないイメージ

longurl_01

↑ 横を 500px と指定しても、改行しない

longurl_02

↑ この様に、500px で改行させたい場合のCSS

CSS

これで良い感じに自動改行してくれるはず。

デモ

よくわかるJavaScriptの教科書

よくわかるJavaScriptの教科書

たにぐち まこと

     

-HTML,CSS
-, ,