怎么让div居中啊

发布网友发布时间：2022-04-22 05:16

我来回答

共4个回答

热心网友时间：2022-04-03 02:39

如果元素的宽高固定,那么,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>

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

</div>

</body>

</html>

热心网友时间：2022-04-03 03:57

div {width:** margin:0 auto;} 写个样式就可以了，给个宽度和margin属性。

我是从“上海全鼎软件学院”毕业的————————

热心网友时间：2022-04-03 05:31

给div设置一个宽度，然后添加margin:0 auto属性
如：div{ width:200px; margin:0 auto;}追问不管屏幕大小，让整个网页垂直居中对齐

追答margin:0 auto 应用的是div水平居中对齐。
如果想要div垂直居中对齐，可以这样写。
div{ width:710px; height:410px; position:absolute; left:50%; top:50%; margin:-205px 0 0 -380px;}
width和height给居你的实际大小写，如果div看起来有些偏移，可以自己调整一下，margin的上值和左值。
只要你调整合适了，就不用管分辨率的大小了，永远居中

热心网友时间：2022-04-03 07:23

margin:auto;width:***px;追问不管屏幕大小，让整个网页垂直居中对齐

追答套个很大的div，设置div的margin:auto

全部栏目

怎么让div居中啊