CSS中强制ul li中的文字换行

当前位置 : 首页 > 网页制作 > CSS > CSS中强制ul li中的文字换行

CSS中强制ul li中的文字换行

来源: 作者: 时间:2016-01-29 09:12
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=...
<!DOCTYPE  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
    li{
        display:block; 
        float:left; 
        width:40px;
        margin-right:8px; 
        white-space:normal; 
        word-break : break-all; 
        word-wrap: break-word;
    }
</style>
</head>

<body>
    <div>
        <ul>
            <li>这里放置的是例子1</li>
            <li>这里放置的是例子2</li>
            <li>这里放置的是例子3</li>
            <li>这里放置的是例子4</li>
            <li>这里放置的是例子5</li>
            <li>这里放置的是例子6</li>
        </ul>
    </div>
</body>
</html>


 

Tag:
网友评论

<