用css把div 在页面居中，？

Posted 2023-04-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用css把div 在页面居中，？相关的知识，希望对你有一定的参考价值。

在不考虑div大小的情况下实现。

参考技术A css 不考虑宽好像不行吧~~ 让css居中外边距 margin：0 auto；这个属性是根据div宽来居中的写这个属性必须要又宽 <div style="margin:0 auto; width:500px;"> 参考技术B margin：0 auto；/*左右的*/

锤子居中的话必须获取上级元素的高度然后用line-height，line-height的值要等于上级元素高度的值；参考技术C <html>
<body>
<table width="100%">
<tr align="center">
<td><div>ddddddd</div></td>
</tr>
</table>
</body>
</html>

试试这个小例子参考技术D <div style="margin:0 auto;"></div>追问

这个只是左右，上下呢？

追答

position:absolute;
　　top:50%;
　　left:50%;
　　margin-top:-200px;
　　margin-left:-300px;
　　width:600px;
　　height:400px;

追问

看来不能像左右那样margin:atuo;简单实现自动居中。

追答

是的

本回答被提问者采纳第5个回答 2013-04-18 margin：0px auto；

CSS 居中对齐div水平和页面底部

HTML:
&lt;div class=&quot;parent&quot;&gt;
&lt;div class=&quot;child&quot;&gt;
Content here
&lt;/div&gt;
&lt;/div&gt;

CSS:
.parent{
position:fixed;
bottom:0px;
width:100%; //width should be 100%
}
.child{
width:100px; //min width should give to center the div.
margin:0px auto; //here it will make center
}

以上是关于用css把div 在页面居中，？的主要内容，如果未能解决你的问题，请参考以下文章

在网页制作中如何控制DIV居中显示，用CSS怎么控制背景图片大小？