+ -
当前位置:首页 → 问答吧 → dt左浮动后的对齐问题。求解?

dt左浮动后的对齐问题。求解?

时间:2010-10-08

来源:互联网

dt左浮动后
FF达到效果
增加vertical-align: middle;后IE7,IE8达到效果
IE6怎么达到效果?
<!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=utf-8" /> <title>无标题文档</title> <style type="text/css"> body,dl,dt,dd{margin:0;padding:0;} dd,dt{font-family:Verdana,STHeiTi,simsun,sans-serif;font-size:13px;} dt{float:left; clear:left;} dd{vertical-align: middle;} </style> </head> <body> <dl> <dt>9月30日</dt> <dd>转帖组件正式上线,方便发起或参加聚会等活动</dd> </dl> <dl> <dt>9月30日</dt> <dd>转帖组件正式上线,方便发起或参加聚会等活动</dd> </dl> <dl> <dt>9月30日</dt> <dd>转帖组件正式上线,方便发起或参加聚会等活动</dd> </dl> <dl> <dt>9月30日</dt> <dd>转帖组件正式上线,方便发起或参加聚会等活动</dd> </dl> </body> </html>
 提示:您可以先修改部分代码再运行

作者: darkkelly   发布时间: 2010-10-08

dt dd{ float:left},两边都浮动

作者: javashi   发布时间: 2010-10-08

IE6下 dt和dd的文本还是对不齐

作者: darkkelly   发布时间: 2010-10-08