css里面怎么让一个DIV居中

唻婀懆 1个月前 已收到1个回答 举报

劳资嵗 2星

共回答了279个问题采纳率:95.4% 评论

第一种方式:设置body 居中。在CSS中的代码是(body{text-align:center;})第二种方式:用盒子模型,首先设置一个Div ,这个DIV的宽度为100%,然后在这个DIV居中,那么在这个DIV中加的内容就居中显示,代码如下:<div ><div ></div></div>CSS 样式代码:<style type="text/css">.div1{text-align:center;width:100%;}.div2{width:980px;background:red;} //为了看清效果,加了背景颜色</style>第三种方式:margin:0 auto;

通常的方法为:先设置div的宽度,然后使用如下样式:

1margin: 10px auto; /* 上下边距10px,左右边距自动以达到左右居中的目的*/

以下为示例:

HTML代码中给出div

123 <div > <div ></div></div>

添加样式

1234567 /*外层边框*/div.outer{width:200px;height:150px;border:1px solid green;}div.content{ width:100px;height:50px; /*设置大小*/ margin:20px auto; /*设置左右边距自动以使其居中*/ border:1px solid red;}

显示效果

5小时前

28
可能相似的问题

热门问题推荐

Copyright © 2024 微短问答 All rights reserved. 粤ICP备2021119249号 站务邮箱 service@wdace.com