css入门教程|css入门教程:如何控制li div标签不换行

更新时间:2015-08-17    来源:CSS入门    手机版     字体:

【www.bbyears.com--CSS入门】

css入门教程:如何控制li div标签不换行,好了在css文档布局中,很多了东西可以去用,也有很多的细节是值得我们研究的,下面我们就来看看我用css来对li div 进行控制吧.

index | aboutme | company | product

看上面这个导航栏吧,从左到右吧,当然我们可以直接定义a 标题也行,但本教程要讲到的是用li 或div 来进行控制哦,下面们来看看上面的代码.


index

aboutme

company

product

我们看到的代码是这样当然用div的话就把li改成div就行了,我们关键的是如何来定义它们下面我们看看css代码.

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

就这样一句我们的效果就出来喽,对于div用同样的方法.

最后申明本站原创转载注明来处www.111cn.net/cssdiv/css.html

本文来源:http://www.bbyears.com/css/17357.html

猜你感兴趣