Question

好的，所以我在160x600容器内放了谷歌广告。新广告会在刷新时随机显示。当广告弹出一个长URL，该URL不包含任何破折号或任何可以破解的字符时，它会溢出容器div。现在我有溢出：隐藏所以隐藏160像素后的任何东西。问题是，如果有一个长URL，其中一些会被隐藏（这很好），但广告上方的文字也会被隐藏而不是破坏，因为它会在网址上水平流出。

即使我无法将其下面的URL换行，如何使文本符合并以160像素换行？

谢谢！

Answer 1

对于浏览器which support it，word-wrap：break-word;。

Answer 2

我认为没有一种干净的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）

编辑：还有酷word-wrap css属性，但大多数当前浏览器都不会处理它。

希望有所帮助

此外，这是一个副本：Using CSS, how can I split a string (e.g. a long URL) in a table cell?

Answer 3

您始终可以将URL放在单独的DIV中，然后将DIV的溢出设置为隐藏。

CSS溢出长URL

3 个答案: