Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 长URL的CSS溢出_Html_Css_Width_Overflow - Fatal编程技术网

Html 长URL的CSS溢出

Html 长URL的CSS溢出,html,css,width,overflow,Html,Css,Width,Overflow,好的,我把谷歌广告放在一个160x600的容器里。新广告在刷新时随机显示。当一个广告弹出一个长URL,其中不包含任何破折号或任何字符,它将溢出容器分区。现在我有溢出:隐藏,所以隐藏160像素后的任何内容。问题是,如果有一个长的URL,其中一些会被隐藏(这很好),但广告上方的文本也会被隐藏,而不是中断,因为它会水平流到URL所在的地方 如何使文本一致并以160像素换行,即使无法使其下方的URL换行 谢谢 您可以始终将URL放在单独的DIV中,然后将该DIV的溢出设置为隐藏。我认为没有一种干净的CS

好的,我把谷歌广告放在一个160x600的容器里。新广告在刷新时随机显示。当一个广告弹出一个长URL,其中不包含任何破折号或任何字符,它将溢出容器分区。现在我有溢出:隐藏,所以隐藏160像素后的任何内容。问题是,如果有一个长的URL,其中一些会被隐藏(这很好),但广告上方的文本也会被隐藏,而不是中断,因为它会水平流到URL所在的地方

如何使文本一致并以160像素换行,即使无法使其下方的URL换行


谢谢

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

我认为没有一种干净的CSS方法可以解决此问题:

要解决此问题,可以将URL放在其自己的div中,并将overflow属性设置为隐藏。这将禁止URL进入容器外部,我不确定这是否是您想要的

如果您使用的是PHP,我发现它可以对文本进行断字:

$t = preg_replace("/>(([[:alnum:]]+:\/\/)¦www\.)([^[:space:]]".
"{30,40})([^[:space:]]*)([^[:space:]]{10,20})([[:alnum:]#?\/&=])".
"</", ">\\1\\3...\\5\\6<", $t); 
$t=preg\u replace(“/>”(([:alnum:]+:\/\/)和www\)([^[:space:]])。
“{30,40}”([^[:space:][]*)([^[:space:][10,20})([[:alnum:][35;?\/&=])”。
“\\1\\3…\\5\\6对于浏览器,:break word