Javascript 如何包装文本以适应DIV长度
我在一个DIV中有一些内容,当DIV宽度改变时,需要将其包装起来。我知道内容是这样包装的,但是每当内容有这样的东西时,“<强”>“如何修复此问题?您可以应用以下css:Javascript 如何包装文本以适应DIV长度,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在一个DIV中有一些内容,当DIV宽度改变时,需要将其包装起来。我知道内容是这样包装的,但是每当内容有这样的东西时,““如何修复此问题?您可以应用以下css: .className{word-wrap:break-word;} 您可以使用: 预标记 属性空白 属性换行 代码如下: pre { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 *
.className{word-wrap:break-word;}
您可以使用:
pre {
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
}
参考资料:您可以尝试以下方法:
.className{ width:100%; overflow:hidden; }
希望这能解决问题。这可能会有帮助
.className{
word-wrap: break-word;
white-space: normal
}
你能发布一些示例代码吗?