css入门教程:如何控制li div标签不换行
css入门教程:如何控制li div标签不换行,好了在css文档布局中,很多了东西可以去用,也有很多的细节是值得我们研究的,下面我们就来看看我用css来对li div 进行控制吧. index | aboutme | company
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.cn/cssdiv/css.html
- 上一篇：CSS 控制图像不透明/透明度
- 下一篇：css如何设置表格边框线
精彩图集
精彩文章