1. 程式人生 > >實現瀏覽器相容版的inline-block顯示

實現瀏覽器相容版的inline-block顯示

display:inline-block;在ie6、ie7下只有設定在預設顯示方式為inline的元素上才會生效,比如:span,a,lable,cite,em等標籤.
如何實現塊級元素(div,p,h1,form,ul等)的inline-block效果?
解決辦法如下:

display: inline-block;
*display: inline;
*zoom: 1;

通過 *zoom: 1; 去出發hasLayout的行為,然後通過 *display: inline; 去支援IE7及以下版本(高版本會直接使用display: inline-block;)
當hasLayout和inline在一起的時候,就觸發了inline-block的行為在IE7及以下版本。