DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS特效代碼 >> css ul li 橫向排列
css ul li 橫向排列
編輯:CSS特效代碼     

因為li是塊級元素,默認占一行的,要想實現橫向排列,一般通過以下兩個方法:
float:left
這樣設置有一個問題,li浮動以後則脫離了文本流,即不占位置,如果它的父級元素有具體的樣式且沒有固定寬高,建議父元素清除浮動,或者設置固定寬高
display:inline-block
即把li變為行內元素且可以設置寬高以及邊距,這樣也有一個問題,低版本的Ie浏覽器不兼容inline-block,建議在其後再加兩個屬性兼容低版本ie
*display:inline;
*zoom:1;

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved