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

发布网友发布时间：2022-04-25 20:36

我来回答

共5个回答

热心网友时间：2022-04-06 14:07

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

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

dd{

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

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

}

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

1、文字实现居左对齐

网页中实现效果：如下图

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

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

热心网友时间：2022-04-06 15:25

同lssd_5 一样答案，，，

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

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

热心网友时间：2022-04-06 17:00

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

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

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

热心网友时间：2022-04-06 18:51

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

热心网友时间：2022-04-06 20:59

样式 float:left;