怎样使网页设计中的css盒子内容居中？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样使网页设计中的css盒子内容居中？相关的知识，希望对你有一定的参考价值。
网页设计中的css盒子内容居中，你可以先写2个div,第一个包裹着第二个，然后在设置第一个的宽高，在通过margin：0 auto；居中就行，margin的意思就是距离浏览器的外边距，如图:
这里我写段代码：
<html>
<head>
<title>网页居中</title>
</head>
<style>
#div1
widrh:960px;
height:700px;
mrgin:0 auto;
#div2
widrh:660px;
height:300px;
mrgin:0 auto;
</style>
<body>
<div id='div1'>
<div id='div2'>
<p>内容居中文字</p>
</div>
</div>
</body>
</html>
参考技术Acss盒子内容居中的方法：
css盒子内容水平居中的text-align:center ；或 margin:0 auto；
代码：
效果：
垂直居中的line-height；
代码：
效果:
绝对定位水平垂直居中，position:absolute;top:50%;left:50%;
代码：
效果：
然后给css盒子定义宽度。保证居中 参考技术C margin:0 auto;在最大的div上写这个试试
以上是关于怎样使网页设计中的css盒子内容居中？的主要内容，如果未能解决你的问题，请参考以下文章