当前位置:  开发笔记 > 前端 > 正文

在其包含元素中居中html元素的最佳方法是什么?

如何解决《在其包含元素中居中html元素的最佳方法是什么?》经验,为你挑选了2个好方法。

假设您有以下代码块:

This is any element.

什么是我可以用来在其包含div中水平居中"someelement"的最佳CSS?



1> ojrac..:

JaredPar有正确的想法,但这是一个更清洁的方式来做你想要的;)

#container {
    text-align: center;
}

#container someelement {
    margin: 0 auto;
    text-align: left;
}



2> djn..:

如果您是内联元素(即默认显示:内联),则将text-align:center应用于其容器.如果是块元素,则将左右边距设置为auto并记住设置宽度(块元素默认采用所有可用的水平空间,除非明确声明宽度).如果您希望它在IE 5.5及更低版本中工作,则可能必须使用这两种方法.

推荐阅读
赛亚兔备_393
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有