怎么让div居中?

 我来答
爱上诗意的生活
2018-01-09 · TA获得超过2.8万个赞
知道小有建树答主
回答量:157
采纳率:100%
帮助的人:4.7万
展开全部

如果元素的宽高固定,那么,css指定样式为top:50%;left:50%;

而margin-top和 margin-left 指定为负数,绝对值为自身宽高的一半 ;

参考实例如下:

<!DOCTYPE html> 

<html> 

<head> 

<title> 固定宽高的元素居中示例 </title> 

<style> 

.content{ 

width: 400px; 

height: 300px; 

position: absolute; 

left: 50%; 

top: 50%; 

margin-left: -200px; 

margin-top: -150px; 

background-color: #8888CC; 

</style> 

</head> 

<body> 

<div class="content"> 

<p>指定页面居中的元素</p> 

</div> 

</body> 

</html>

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式