Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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 文本不适合放在框中。CSS问题_Html_Css - Fatal编程技术网

Html 文本不适合放在框中。CSS问题

Html 文本不适合放在框中。CSS问题,html,css,Html,Css,那是我的css。怎么了?当我写长句时,它不适合放在page_text.png框中。这很有趣,但只有在IE中,它才能正常工作。我想我遗漏了什么。看来你说的是一个长单词,而不是一个长句子。在这种情况下,您可以使用: background:url(images/page_text.png) repeat-y; margin: 0 auto; width: 949px; padding: 20px; line-height: 100%; 设置CSS2以隐藏浏览器上不支持CSS3的溢出,从而在病理

那是我的css。怎么了?当我写长句时,它不适合放在page_text.png框中。这很有趣,但只有在IE中,它才能正常工作。我想我遗漏了什么。

看来你说的是一个长单词,而不是一个长句子。在这种情况下,您可以使用:

background:url(images/page_text.png) repeat-y;  
margin: 0 auto; 
width: 949px;
padding: 20px;
line-height: 100%;

设置CSS2以隐藏浏览器上不支持CSS3的溢出,从而在病理性长字的中间强行词条断裂。

编辑:请参见此处的测试用例,并显示一幅图像:

编辑2:这里是背景中的图像:

请求HTML/CSS帮助时,请提供:

您的实际代码是您在注释中使用的,不过您应该编辑您的问题以将其包括在内。最好使用一个精简的测试用例来显示JSFIDLE上的实际问题。 你希望看到的。 相反,你看到的是清楚地表明这与2有什么不同。 您在哪个操作系统/浏览器/版本上遇到问题。
你需要设置分词。。。不幸的是,它在不同的浏览器中并不一致,所以您可以使用下面的代码在所有浏览器上强制使用它。它是


我们需要更多的上下文。您能提供html标记和css选择器吗?您能在中设置页面以便我们看到您看到的内容吗?谢谢。@invalidsyntax:当然,这里是:你的问题讲的是一个“长句”,但所有的答案都是你说的“这是一个图像”,所以,在你为我们澄清所有这些之前,我们真的帮不了你。@hey:如果你需要使用图像,制作一个准确的JSFIDLE测试用例,包括一个显示你的问题的图像。用于获取图像。实际上我的意思是长句,但我不能在JSFIDLE中这样做,因为它需要图像。@嘿,我的答案是基于您发布的JSFIDLE。那里没有图像,所以除了我能看到的以外,我不知道问题出在哪里。这对我的情况没有帮助image@hey我不知道那是什么意思。如果您想要准确的答案,请提供准确的测试用例和清晰的描述。设置溢出:隐藏将防止图像溢出容器的边界。
word-wrap: break-word;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */