一、相关信息
当输出php的一个长字符串时（字符串是没有换行的）希望在当内容超过所设置的长度时字符串能够自动换行，否则该没有换行符号的字符串将超出所设置的宽度，无限拉伸页面
在纯html代码中，即使不做任何特殊申明，也会自动根据所设置的宽度进行自动换行，例如
<code><span><<span>div</span><span>style</span>=<span>"width: 100px;"</span>></span>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试<span></<span>div</span>></span></code>
如上代码会当内容宽度超出100px时会自动进行换行输出
但当输出一个php的长字符串时
<code><span><<span>div</span><span>style</span>=<span>"width: 100px;"</span>></span><span><span><?php</span><span>echo</span><span>$long_content</span>; <span>?></span></span><span></<span>div</span>></span></code>
其中$long_content的内容宽度是远超过100px的，可以看到内容输出是不会自动换行的，会根据字符串的宽度无限拉伸页面，也即有多长就会拉伸多长，定义的宽度形如虚设，显然不是我们所期望的
二、问题描述
当输出长字符串时，内容本文来源gao@!dai!ma.com搞$$代^@码!网!搞gaodaima代码不会自动换行，会无限拉伸页面
三、解决方案
使用如下的css定义
<code><span><<span>div</span><span>style</span>=<span>"width: 100px; word-break: break-all;word-wrap: break-word;"</span>></span><span><span><?php</span><span>echo</span><span>$long_content</span>; <span>?></span></span><span></<span>div</span>></span></code>
word-break属性规定自动换行的处理方法，值break-all表示允许在单词内换行。word-wrap属性允许长单词或 URL 地址换行到下一行，值break-word表示在长单词或 URL 地址内部进行换行。
‘).addClass(‘pre-numbering’).hide(); $(this).addClass(‘has-numbering’).parent().append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('
‘).text(i)); }; $numbering.fadeIn(1700); }); }); </script>以上就介绍了14、CSS-让长字符串超过宽度时自动换行，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：14、CSS-让长字符串超过宽度时自动换行
转载请注明原文链接：14、CSS-让长字符串超过宽度时自动换行
