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

HTML,CSS プログラミング・Web開発
記事内に広告が含まれています。

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

スポンサーリンク

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

改行しないイメージ

longurl_01

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

longurl_02

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

CSS

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

デモ

[tgAmazonItemLookup asin=”4839941874″ related=”1″]

プログラミング・Web開発
スポンサーリンク
toogieをフォローする
タイトルとURLをコピーしました