全球主机交流论坛

标题: 怎么让一个div居中 [打印本页]

作者: WebHostingTalk 时间: 2015-2-19 16:20
标题: 怎么让一个div居中
今天做html，想让一个导航栏居中，找了半天方法，都不行。求各位大神指点一二。

作者: kok 时间: 2015-2-19 16:52
<居中></居中>

作者: iQt 时间: 2015-2-19 16:53
margin:0 auto

作者: mix 时间: 2015-2-19 17:25
我不信这种问题百度会没有

作者: hostloced 时间: 2015-2-19 17:44
提示: 作者被禁止或删除内容自动屏蔽

作者: ali727 时间: 2015-2-19 18:46
margin:0 auto

作者: gdtv 时间: 2015-2-19 20:25

<div style="text-align:center">
<div style="margin:0 auto; width:500px;">我是居中的</div>
</div>

复制代码

作者: caesar 时间: 2015-2-19 20:30
margin:0 auto;
前提是width:1002px;要有个值，而且还不能是width:100%

作者: cnhaon 时间: 2015-2-19 21:21
center

防水补丁。这种问题百度没有？

作者: thymol 时间: 2015-2-19 21:29
提示: 作者被禁止或删除内容自动屏蔽

作者: 不必知道我是谁 时间: 2015-2-20 11:10
本帖最后由不必知道我是谁于 2015-2-20 11:11 编辑

将div设置为绝对定位absolute
为居中的DIV指定width跟height
然后left:50% top:50%
然后margin-left值为：负（width/2）
margin-top值：负（height/2）

以上这个是垂直居中+水平居中，会自动随窗口大小而变化。

欢迎光临全球主机交流论坛 (https://loc.mjj8.eu.org/)