当前位置：首页 → 问答吧 → 关于DL对齐问题求教

关于DL对齐问题求教

时间：2010-09-19

来源：互联网

<!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>DL列表</title> <style type="text/css"> body{font-size:12px} .info{width:200px} .dl dt{background:#5f9be3;color:#fff;float:left;font-weight:bold;padding:0 5px} .dl dd{margin-left:2em;margin:2px 0} </style> </head> <body> <div class=info><dl> <dt>主料</dt> <dd>五花肉(1000克)</dd> <dt>辅料</dt> <dd>无</dd> <dt>调料</dt> <dd>大葱(50克),姜(30克),八角(5克),桂皮(5克),食用油(20克),酱油(5克),白砂糖(20克),盐(5克),鸡精(2克)</dd> </dl></div>
提示：您可以先修改部分代码再运行

请教怎样才能不让DD的内容在折行时串到DT那边啊？或者说让DT和DD的两列各自对齐

[ 本帖最后由 laochan 于 2010-9-19 12:36 编辑 ]

作者: laochan 发布时间: 2010-09-19

居然对齐了。。。。。看来是其他全局样式造成的