css入門教程:如何控制li div標籤不換行

css入門教程:如何控制li div標籤不換行,好了在css文檔布局中,很多了東西可以去用,也有很多的細節是值得我們研究的,下面我們就來看看我用css來對li div 進行控制吧.

index | aboutme | company | product

看上面這個導覽列吧,從左至右吧,當然我們可以直接定義a 標題也行,但本教程要講到的是用li 或div 來進行控制哦,下面們來看看上面的代碼.

<div id=nav>
<li>index</li>

<li>aboutme</li>

<li>company</li>

<li>product</li>
</div>

我們看到的代碼是這樣當然用div的話就把li改成div就行了,我們關鍵的是如何來定義它們下面我們看看css代碼.

#nav li {float:left ;width:80px}

就這樣一句我們的效果就出來嘍,對於div用同樣的方法.

最後申明本站原創轉載註明來處www.111cn.net/cssdiv/css.html