Question

css+div中的dt dd 标签如何让他们左对齐

如果我定义一个dl标签 内含dt和dd
页面显示是这样的
dt的内容
dd的内容

我如何让dd和dt左对齐？

Answer 1

如果这样的话，就失去了dl的意义了，用li来代替就好

如果是因为特殊样式的要求，那还是可以做到的：

dd{

display:block;（这必须要用滴）

text-index:-x;(x这里就要你看实际情况调整了，如果不熟悉，也可以用margin和padding，不过无论哪一个选择器，你都要用负值)

}

div+css左对齐分两种情况一种是：文字左对齐；另一种是区域块儿设置浮动，让他们往左浮动，而实现出来的效果即是左对齐；如下演示：

1、文字实现居左对齐

网页中实现效果：如下图

详解：主要属性：text-align:left;使文字实现居左对齐   

扩展：text-align:right; 使文字靠右对齐，center文字居中。

Answer 2

同lssd_5 一样答案，，，

楼主采纳的答案根本就是个误导答案。

其实DL DT DD，它并不像UL LI一样是能过list-style来布局，，
DD是默认有paddin-left值的，所以你把padding-left值设置为0就可以对齐了。

Answer 3

如果这样的话，就失去了dl的意义了，用li来代替就好
如果是因为特殊样式的要求，那还是可以做到的：
dd{
display:block;（这必须要用滴）
text-index:-x;(x这里就要你看实际情况调整了，如果不熟悉，也可以用margin和padding，不过无论哪一个选择器，你都要用负值)
}

Answer 4

他们回答的都是驴唇不对马嘴...

正确的答案是，把他们默认的margin 和 padding 去掉。

dl,dt,dd { margin:0; padding:0; }

Answer 5

样式 float:left;