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

时间:2015-08-17  来源: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

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

http://m.bbyears.com/css/17357.html

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新