网站地图    收藏   

主页 > 前端 > css教程 >

CSS中强制ul li中的文字换行 - html/css语言栏目:

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] !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 html 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>


 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论