2

わかりました。160x600 のコンテナ内に Google 広告があります。更新時に新しい広告がランダムに表示されます。ダッシュや改行文字を含まない長い URL で広告がポップアップ表示されると、コンテナ div からオーバーフローします。現在、overflow:hidden があるため、160 ピクセル以降は非表示になっています。問題は、長い URL がある場合、その一部が非表示になることです (これは問題ありません) が、広告の上のテキストも、URL が続く限り水平に流れ出すため、壊れずに非表示になります。

その下の URL を折り返すことができない場合でも、テキストを 160 ピクセルに合わせて折り返すにはどうすればよいですか?

ありがとう!

4

3 に答える 3

4

それを サポート するブラウザの場合word-wrap:break-word;。

于 2009-05-11T21:11:32.130 に答える
3

これを修正するきれいな CSS の方法はないと思います: http://www.w3schools.com/Css/pr_pos_overflow.asp

この問題を解決するには、URL を独自の div に配置し、overflow プロパティを非表示に設定します。これにより、URL がコンテナーの外に出ることが禁止されます。それが目的かどうかはわかりません。

PHP を使用している場合、テキストにハイフンを付けることができるこれを見つけました。

$t = preg_replace("/>(([[:alnum:]]+:\/\/)¦www\.)([^[:space:]]".
"{30,40})([^[:space:]]*)([^[:space:]]{10,20})([[:alnum:]#?\/&=])".
"</", ">\\1\\3...\\5\\6<", $t); 

( http://www.webmasterworld.com/forum83/5762.htmより)

edit : クールなword-wrap css プロパティもありますが、現在のほとんどのブラウザーでは処理されません。

それが役立つことを願っています


また、これは次のようなものです: CSS を使用して、テーブル セル内の文字列 (長い URL など) を分割するにはどうすればよいですか?

于 2009-05-11T21:05:19.693 に答える
0

別の DIV 内に URL を配置し、その DIV のオーバーフローを非表示に設定することもできます。

于 2009-05-11T21:02:58.323 に答える