一般来说，在页面中需要进行水平居中的元素，大致分为两种，一种是块级元素，即display:block，一种是行内元素display:inline-block; 块级元素包括div，ul，p,以及所有的h类标签。行内元素又叫内联元素，a，img，input是最常见的。这些行内元素 ...

今天做项目的时候碰到了不固定元素个数，需要水平居中的问题，原来的确定宽度下margin:0 auto等方法木有用了。想起来之前看过display：inline-block的文章， 果断用这个。 之前很少用这个属性。。印象里麻烦比较多。。好了不多说了，上代码。 打开页面，乍一看 ...

挺好用的水平垂直居中任意内容代码，并且支持度很高 html css ...

inline-block 控制台-代码： PS：inline-block是让元素以内联形式存在，也就是不是块级，但是表现起来(又具有块级元素的高度)--也就是可以调高度(margin或者padding,height) 二· 如果是inline的话，也就是内联 ...

block 块级元素特点： 1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（很霸道，一个块级元素独占一行） 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度 ...

垂直居中。 下面是我的研究过程： 基础 一、元素父级为"block"， ...

vetical-align的功能是设置行内元素垂直方向上的对齐方式。 可能的值 baseline 默认。元素放置在父元素的基线上。 sub ...

...