展会信息港展会大全

css入门教程:如何控制li div标签不换行
来源:互联网   发布日期:2016-03-25 16:00:32   浏览:2305次  

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

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

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港