技术标签 TAGS
专业技术精选
- 2020-03-20非常不错的骰子案例
- 2019-05-26vscode git and gitlens中文乱码问题
- 2011-12-14什么是网站制作的web标准
- 2011-12-14上海网站建设之六大不利优化因素
dl dt dd强制换行 转成自动换行
<!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>dl dt dd强制换行 转成自动换行</title>
</head>
<style type="text/css">
body{ margin:5px; padding:2px;}
.aaa{ margin:0 auto; width:300px;}
.aaa dl{ padding:0px; margin:0;}
.aaa dt{ margin:0px; padding:0;}
.aaa dd{ float:left; padding:5px 10px 5px 0; margin:0px;word-break: keep-all;}
/*注意dd中需要强制换行:word-break:keep-all;*/
.bbb{ margin:0 auto;width:300px;}
.bbb ul{ margin:0; padding:0;}
.bbb li{ float:left; padding:5px 10px 5px 0;word-break: keep-all}
</style>
<body>
<div class="aaa">
<dl style="width:333px;"><dt>大标题</dt>
<dd>我的生活</dd><dd>我的生活affsdfsd</dd><dd>我的生活aa</dd><dd>我的生活</dd><dd>我的生活</dd>
</dl>
</div>
<div class="bbb"><ul>
<li>我的生活</li><li>我的生活affsdfsd</li><li>我的生活aa</li><li>我的生活</li><li>我的生活</li></ul>
</div>
</body>
</html>