css自动换行怎么设置

css自动换行的设置方法：使用【word-break】属性，可以让浏览器实现在任意位置换行，代码为【.P3{ width:200px; border:1px solid #ccc; word-break:break-all】。

本教程操作环境：windows7系统、css3版，DELL G3电脑，该方法适用于所有品牌电脑。

css自动换行的设置方法：

自动换行属性，使用word-break属性，可以让浏览器实现在任意位置换行

它有三个属性值分别为：

• normal： 浏览器中的默认换行行为

• break-all：可允许在单词内换行

• keep-all：只能在半角空格或连字符处进行换行

示例：

style>
.p1{
    width:200px;
    border:1px solid #ccc;
    word-break:normal;
}
 .p2{
    width:200px;
    border:1px solid #ccc;
    word-break:keep-all;
}
 .p3{
    width:200px;
    border:1px solid #ccc;
    word-break:break-all;
}
    /style>
    /head>
    body>
    p class="p1">
    Php Chinese websITe PRovides a large number of free, original, high-definition php video tutorials./p>
    p class="p2">
    Php Chinese website provides a large  &
    nbsp;
    number of free, original, high-definition php video tutorials./p>
    p class="p3">
    Php Chinese website provides a large number of free, original, high-definition php video tutorials./p>
    /body>
    

效果图：

相关教程推荐：CSS视频教程

以上就是css自动换行怎么设置的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！