怎么让div里的文字达到高度后自动换行?
时间:2011-08-04
来源:互联网
<!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"> body { margin:0px; padding:0px; font-size:13px; color:#3A3A3A} form,ul,dl,dt,dd,h1{ margin:0px; padding:0px} ul { list-style:none;} .clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} #question_top1{ border:1px solid #97c614; margin-bottom:15px; } #question_top1 h1{ font-size:14px; height:25px ; background-color:#EBF9EA; padding-left:20px; line-height:25px} .juzhong{ width:870px; padding:10px 0px; } .fenlei1{line-height:25px; float:left; width:200px; height:120px; border-right:1px solid #CCCCCC; text-align:center; } .fenlei1 dl dt{ font-size:14px; color:#000; font-weight:bold;} </style> </head> <body> <div id="question_top1"> <h1>问题分类</h1> <div class="juzhong" > <div class="fenlei1"> <dl> <dt>票务交通</dt> <dd>特价机票</dd> <dd>航空知识</dd> <dd>乘机常识</dd> <dd>代理网站</dd> <dd>用户投诉</dd> <dd>机票预订</dd> <dd>登机常识</dd> <dd>航空公司</dd> <dd>火车巴士</dd> </dl> </div> <div class="fenlei1" > <dl> <dt>找酒店</dt> <dd>酒店优惠</dd> <dd>酒店集团</dd> <dd>酒店知识</dd> <dd>酒店问答</dd> </dl> </div> <div class="fenlei1"> <dl> <dt>去哪儿玩</dt> <dd>景点信息</dd> <dd>旅游交通</dd> <dd>线路攻略</dd> <dd>美食特产</dd> <dd>购物消费</dd> <dd>风俗文化</dd> <dd>跟团游</dd> <dd>自助游</dd> <dd>自驾租车</dd> <dd>户外探险</dd> <dd>旅游其他</dd> <dd>护照</dd> <dd>签证</dd> <dd>港澳通行证</dd> </dl> </div> <div class="clearfloat"></div> </div> </div> </body> </html>
提示:您可以先修改部分代码再运行
怎么让div里的文字达到高度后自动换行?提示:您可以先修改部分代码再运行
怎么让div里的内容居中显示?
就是如下图效果
我弄了好久不知道什么原因
新手求指点 谢谢
[ 本帖最后由 birdcswal 于 2011-8-4 15:27 编辑 ]
作者: birdcswal 发布时间: 2011-08-04
去掉.fenlei1的高度
作者: cexoxass 发布时间: 2011-08-04
我想让文字不那么长,溢出div的文字换列显示
作者: birdcswal 发布时间: 2011-08-04
看不懂,自动换行?
作者: lijia2202 发布时间: 2011-08-04
li{width:50%;float:left}
<ul>
<li></li>
<li></li>
</ul>
<ul>
<li></li>
<li></li>
</ul>
作者: rao3324180 发布时间: 2011-08-04
是否只能用ul才行
作者: birdcswal 发布时间: 2011-08-04
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28