如何使元素居中

Posted 起个好名字

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使元素居中相关的知识,希望对你有一定的参考价值。

  调整一个元素的位置,我们一般使用position调整,然而,当元素体积较大的时候,一个50%可能直接让一部分元素跑到屏幕外面去了。另一方面,如果需要调整的元素体积改变了,那么还必须重新调整left 的值,所以这里给出一个万能的居中方法:

.a{

position:absolute;

left:50%;

-webkit-transform: translate(-50%);
transform: translate(-50%);

}

使用这个就可以了

以上是关于如何使元素居中的主要内容,如果未能解决你的问题,请参考以下文章

如何使div内的元素居中

ListView,如何使元素居中

CSS:尽管旁边有浮动元素,如何使文本居中?

如何使用 CSS 使多个内联块元素居中?

如何使浮动元素列表跳过居中元素(脊柱对齐/中心标记)?

如何使侧边栏菜单元素居中