vertical-align及IE7下的inline-block

在IE7下，是不支持inline-block元素的，當對塊級元素如dl進行inline-block樣式設置時，在IE7瀏覽器是下樣式是不會生效的。

若要在IE7下實現將塊級元素設置爲內聯元素，能夠這樣進行設置：

*display:inline;

*zoom:1; //獲取佈局

在這樣設置以後，就能繼續設置其餘的樣式了。

 

不少時候，在IE7下將塊級元素設置爲內聯元素時，咱們可能會想到進行float浮動來實現，float了的元素是沒法設置vertical-align的，由於vertical-align只適用於內聯元素。

所以想要在IE7下完美實現將塊級元素渲染成內聯且bottom對齊，方法爲：

*display:inline;

*zoom:1;

*vertical-align:bottom;

 

總結：

1）vertical-align適用於內聯元素；

2）IE7下inline-block無效，須要用inline而且要獲取到佈局（如設置width,height,zoom等）。