web前端|css教程
css
web前端-css教程
网页 输出js源码,vscode改皮肤,ubuntu下u盘,tomcat更新配置,sqlite打开sql文件,html分页插件,淘宝前端团队ui框架,日语 爬虫类,php 空 判断,武汉seo引擎,影视主题网站,js中打开一个网页代码,mascms 蓝色模板,html页面布局实例,后台管理系统首页,仿昵图网程序lzw
css让ul中的li不换行的方法
极客学院网站源码,vscode 彩色终端,ubuntu每次使用时间变慢,tomcat ftp上传,web中使用sqlite,discuz插件如何破解,前端框架页面传值问题,爬虫技术国外研究现状,回调函数 php,seo系统介绍,如何更换网站模板,网页浮窗不能业面下载,动易模板路径放哪里lzw
css中如何让ul li强制不换行下面本篇文章就来给大家介绍一下使用CSS让ul li强制不换行的方法
蓝月1 1源码,ubuntu软件不显示,tomcat是什么干什么用,爬虫代码怎么入门,php入门教程第362讲技术,seo 网站架构lzw
1、使用float浮动样式让li并排显示,不换行
在CSS中,可以使用float属性,将li元素浮动并排显示。浮动是一种使元素脱离文档流的方法,会使元素向左或向右移动,其周围的元素也会重新排列。
li {float: left;margin-right: 10px;list-style: none;/* CSS注释:加list-style:none去掉li默认产生”点“ */}
123456789
效果图:
2、使用display让li并排显示,不换行
display 属性规定元素应该生成的框的类型。
display属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。
inline : 默认。此元素会被显示为内联元素,元素前后没有换行符。
使用display:inline将li元素显示为内联元素,元素前后没有换行符。
li {display:inline}
123456789
效果图:
编程视频!!