不定义css样式时(默认情况):
代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title></head><body><dl><dt>hello</dt><dd>xiaohao</dd></dl></body></html>
运行结果如下:
方法一:
1.设置全局样式
*{
margin:0;
}
方法二:
2.给dd设置样式
dd{
margin:0;
}
设置css样式后:
代码如下:
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><style>dd{margin: 0px;}</style></head><body><dl><dt>hello</dt><dd>xiaohao</dd></dl></body></html>
运行结果为:
ul与li对齐方法类似,ul存在内边距,设置ul的内边距为0,即可实现ul与li对齐。
注:
设置dt{float:left;}可以让dd,dt在同一行显示;