web前端设计之dl dt dd标签（dt dd左对齐实现）
2012-12-16 00:00
1236 查看
相信大家在做列表的时候都会用<ul>、<li>，其实<dl>也可以实现相同功能，<dt>定义标题<dd>定义内容：
在使用过程中发现dt,dd不能左对齐，在css中需要加上：dt,dd{margin:0;padding:0;}
<dl> <dt>php点点通-www.phpddt.com</dt> <dd>这是内容描述</dd> <dd>这是内容描述</dd> <dd>这是内容描述</dd> </dl>
在使用过程中发现dt,dd不能左对齐，在css中需要加上：dt,dd{margin:0;padding:0;}
<style>
dt,dd{margin:0;padding:0;}
dl{width:664px;border:1px solid red;overflow:hidden}
dt{width:664px;height:36px;border:1px solid green;overflow:hidden}
dd{width:664px;height:172px;border:1px solid blue;overflow:hidden}
</style>
<dl>
<dt>php点点通-www.phpddt.com</dt>
<dd>这是内容描述</dd>
</dl>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- WEB前端设计完美的自定义列表dl，dt，dd
- dl,dt,dd标签 VS 传统table实现数据列表
- Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
- dl,dt,dd标签 VS 传统table实现数据列表
- dl,dt,dd标签 VS 传统table实现数据列表
- XHTML下用dl,dt,dd标签实现翻页的效果代码
- XHTML下用dl,dt,dd标签实现翻页的效果代码
- HTML网页制作之DL、DD、DT标签替代UL、LI
- html dl dt dd 标签语法与使用
- html几个重要标签用法（div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em）
- HTML中DL,DT,DD标签的使用
- dl,dt,dd标签的使用
- DD DT DL标签
- 标签—div,span,p,dl,dt,dd
- dl dt dd标签
- html dl dt dd标签元素
- DIV+CSS中标签dl dt dd常用的用法
- HTML中ul,ol,li,dl,dt,dd标签用法
- DL.DT.DD实现左右的布局简单例子第1/2页
- dl, dt, dd标签的使用方法