摘要： CSS中有一个竖直居中的属性 vertical-align，但只有当父元素为td或者th时，这个vertical-align属性才会生效，对于其他块级元素，例如div、p等，默认情况下是不支持vertical-align属性的。 在Firefox和IE 8下，可以设置块级元素display类型为table-cell，激活vertical-align属性，但是IE 6 和 IE 7 并不支持display:table-cell。但可以通过特定格式的hack，使之支持。 he... 阅读全文

摘要： display:inline-block是行内的块级元素，它拥有块级元素的特点，可以设置长宽，可以设置margin和padding值，但它却不是独占一行的，它的宽带并不占满父元素，而是和行内元素一样，可以和其他行内元素排在同一行里。它集块级元素和行内元素的特点于一身。 position:absolute和float会隐式地改变display类型，不论之前什么类型的元素（display:none除外），只要设置了position:absolute、float:left或float:right中任意一个，都会让元素以display:inline-block的方式显示。就算我们显示地设置dis... 阅读全文

摘要： 块级元素行内元素常见元素div、p、form、ul、ol、lispan、strong、em特性独占一行，默认情况下，其宽度自动填满其父元素宽度不会独占一行，相邻行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化width、height属性可以设置，设置了宽度还是独占一行无效margin和padding属性可以设置水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果，但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom却不会产生边距效果 阅读全文