如何让div里的dl水平垂直居中？？？
如何让div里的dl水平垂直居中？？？<div><dl><dd>...</dd><dd>...</dd><dl></div>...
如何让div里的dl水平垂直居中？？？
<div>
<dl>
<dd>...</dd>
<dd>...</dd>
<dl>
</div> 展开
<div>
<dl>
<dd>...</dd>
<dd>...</dd>
<dl>
</div> 展开
展开全部
首相你再css样式的文本里加上 这个*{margin：0；padding：0:；}清除标签原有属性，
然后你给dl添加一个类.center{margin:0 auto;width:100px;height:100px;}给外面的div加一个类或者ID 总之是给外面的div加一个宽度，比如.div{width：500px;height：500px;}
<div class=“div”>
<dl class="center">
<dd>...</dd>
<dd>...</dd>
<dl>
</div>
这样就可以了，想看效果，你可以给每个类添加不同的背景颜色，这样方便看，上面的不要复制，因为有的标点是中文输入法下的
margin:0 auto;这一行就是居中的意思，margin是边距，他原本有四个值分别是上右下左，四个方向外边距,如果是两个的话就是上下，和左右，auto是适应的意思，margin:0 auto ;就是上下外边距是0，左右适中，
然后你给dl添加一个类.center{margin:0 auto;width:100px;height:100px;}给外面的div加一个类或者ID 总之是给外面的div加一个宽度，比如.div{width：500px;height：500px;}
<div class=“div”>
<dl class="center">
<dd>...</dd>
<dd>...</dd>
<dl>
</div>
这样就可以了，想看效果，你可以给每个类添加不同的背景颜色，这样方便看，上面的不要复制，因为有的标点是中文输入法下的
margin:0 auto;这一行就是居中的意思，margin是边距，他原本有四个值分别是上右下左，四个方向外边距,如果是两个的话就是上下，和左右，auto是适应的意思，margin:0 auto ;就是上下外边距是0，左右适中，
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div:texe-align:center
追问
不行，试过了
追答
*{ margin:0; padding:0;}
div{ position:relative; width:1000px; height:500px; background:#000;}
dl{ position:absolute; width:50px; height:50px; left:50%; margin-left:-25px; top:50%; margin-top:-25px; color:#03F; text-align:center; border:1px solid #fff;}
...
...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
水平居中用text-align:center;
垂直居中用行高来控制：line-height:数值；
方法一：
<div>
<dl>
<dd style="text-align:center; line-height:200%;">水平居中、垂直居中</dd>
<dd>...</dd>
</dl>
</div>
方法二:内嵌式样式表
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div dl dd{text-align:center; line-height:200%;}
</style>
</head>
<body>
<div class="div">
<dl>
<dd>水平垂直居中</dd>
<dd>水平垂直居中</dd>
</dl>
</div>
</body>
</html>
方法三：引入外部CSS样式表
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div class="div">
<dl>
<dd>水平垂直居中</dd>
<dd>水平垂直居中</dd>
</dl>
</div>
</body>
</html>
style.css里面写：
.div dl dd{text-align:center; line-height:200%;}
垂直居中用行高来控制：line-height:数值；
方法一：
<div>
<dl>
<dd style="text-align:center; line-height:200%;">水平居中、垂直居中</dd>
<dd>...</dd>
</dl>
</div>
方法二:内嵌式样式表
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.div dl dd{text-align:center; line-height:200%;}
</style>
</head>
<body>
<div class="div">
<dl>
<dd>水平垂直居中</dd>
<dd>水平垂直居中</dd>
</dl>
</div>
</body>
</html>
方法三：引入外部CSS样式表
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div class="div">
<dl>
<dd>水平垂直居中</dd>
<dd>水平垂直居中</dd>
</dl>
</div>
</body>
</html>
style.css里面写：
.div dl dd{text-align:center; line-height:200%;}
追问
我说的是dl不是dd,如何让dl在div里居中？貌似text-align不行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
