06/10
2016
如图，下面有三个小图，这三个小图使用的是标签li，父元素是ul，如下：
现在的问题是底下小图的数量不固定，那么如何使它们始终居中呢？
对于行内内部元素的居中，可以在父元素上使用
text-align: center;
这里面一个关键的地方在于，子元素得是行内元素。li是块状元素，所以这个属性就没有生效。把li改成类似于行内元素就行了：
display: inline-block;
这样不管有多少个li，都可以居中了。这样设置也是代替浮动的一个好办法。
需要注意的是，display设置为inline-block的元素之间不要有空格或断行，否则在页面上显示时中间会有空隙。
html中使容器内不固定宽度的内容居中
10/25
2014
绝对定位的div居中很简单,只要求知道div的宽度就可以.比如宽度是960那可以这样写
div{
position:absolute;
left:50%; /*居中*/
margin-left:-480px; /*注意这里是宽度的一半*/
width:960px;
background-color:#06C;
height:200px
}
绝对定位的div居中
09/2
2014
在其他浏览器里看到的输入框文字是垂直居中的，这正是我想要的效果
但是在IE8里面就蛋疼了
经过百度找到了问题所在，要给输入框设置高、行高以及垂直居中属性。
#id{
height:22px;
line-height:22px;
vertical-align:middle;
}
