下面小编就为大家带来一篇浅谈css元素居中。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

水平居中 若为行内元素，对其父元素用text-align:center即可； 若为块元素（无浮动），则一般有两种方法可实现对其的水平居中，一为margin:0 auto;二为通过css计算函数calc； 垂直居中 若为行内元素，一般对其父元素用line-height:{height}即可，若为图片元素则需再对该元素使用vertical-align:middle； 另由可通过对表格元素td使用vertical-align:middle可对其内的元素进行垂直居中可知，通过对父元素使用display:

1、水平居中设置-行内元素 通过父元素设置 1 text-align:center; ，让父元素的内容居中 2、水平居中设置-定宽块状元素 块状元素的宽度width为固定值，通过设置“左右margin”值为“auto”来实现居中的 例子： CSS Code复制内容到剪贴板                     <title>

最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，解决各类居中问题变得更加容易了。搜了搜园子内关于flexbox的文章觉得很多不够详尽，故想借介绍flexbox的同时好好总结一番各类垂直居中的方法。 由简至繁： 行内元素的水平居中 要实现行内元素（、、、等）中，并且在父层元素CSS设置如下： #container{ text-align:center