先说无法居中的原因：dl-dt-dd是标题+列表类标签，dt和dd里的内容默认一定会缩进，导致dl-dt-dd中的text-align无效。
解决办法：
1. 去掉默认样式
*{
margin: 0;
padding: 0;
}一定要先记得清掉默认样式啊！！很多奇怪的问题就迎刃而解了。
以下是未清除默认样式的解决方法：
1. 用margin调整dd或者dt。
2. 改用ul-li标签。
举例如下，欲给dl里的文字设置居中：
<html>
<head>
<title></title>
<style type="text/css">
dl{
text-align: center;
border: 1px solid red;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<dl>
<dd>
<span>22222 88888888888888</span>
</dd>
</dl>
</body>
</html>效果如下图所示，文字会自动缩进,text-align失效, ：
解决方法1：对dd设置margin，自由调整margin的数值。
<html>
<head>
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
dl{
border: 1px solid red;
width: 200px;
height: 200px;
}
dd{
margin-left: 74px;
margin-top: 74px;
}
</style>
</head>
<body>
<dl>
<dd>
<span>22222</span>
</dd>
</dl>
</body>
</html>
效果如下图所示：
3013
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
