怎么让div里面的内容垂直居中
2个回答
展开全部
水平居中简单,垂直居中就难了.
你最好试试精确控制所有元素的高度.这样做起来兼容性好.
你最好试试精确控制所有元素的高度.这样做起来兼容性好.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看你是什么内容,,如果是文字,
<div style="width:500px;height:500px;background:#000;color:#fff;line-height:500px;">
这里的文字是会垂直居中的
</div>
如果是子元素,,可以给它做定位。
<div style="width:500px;height:500px;background:#000;color:#fff; position:relative;">
<div style="width:100px;height:100px;background:#f00;color:#fff; position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;">中间这个div也是居中的</div>
</div>
<div style="width:500px;height:500px;background:#000;color:#fff;line-height:500px;">
这里的文字是会垂直居中的
</div>
如果是子元素,,可以给它做定位。
<div style="width:500px;height:500px;background:#000;color:#fff; position:relative;">
<div style="width:100px;height:100px;background:#f00;color:#fff; position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;">中间这个div也是居中的</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询