欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

html css设置ul li标签中的中文文字自动换行

程序员文章站 2022-03-21 13:04:00
html css设置ul li标签中的中文文字自动换行 ul li 中文文字强制换行

html css设置ul li标签中的中文文字自动换行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ul li 中文文字强制换行</title>
    <style type="test/css">
        li{
           display: block; /* 设置块元素 */
           width: 40px;
           float:right;    /* 设置浮动 */
           white-space:normal;
           word-break : break-all;
           word-wrap: break-word; 

        }
    </style>
</head>
<body>
    <div>
        <ul>
            <li>
                ul li 中文文字强制换行 
                ul li 中文文字强制换行
                ul li 中文文字强制换行
                ul li 中文文字强制换行
                ul li 中文文字强制换行
                ul li 中文文字强制换行
                ul li 中文文字强制换行
                ul li 中文文字强制换行
            </li>
        </ul>
    </div>
</body>
</html>

参考以上办法可以设置ul li 中文字符换行

本文地址：https://blog.csdn.net/gurentan1911/article/details/109263316

相关标签： html css 1024程序员节

上一篇： 老子长的这么萌，怎么就看不上老子了

下一篇： JS 的骚操作

推荐阅读