html5中li标签横向排列问题

weixin_45828594 2019-12-03 12:29:20
如何使ol中的li标签横向排布?注意是ol。
...全文
884 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
杨洋1917009039 2019-12-10
  • 打赏
  • 举报
回复
楼上,这个用你这个弹性框架怎么弄,刚开始学不了解
God_E 2019-12-10
  • 打赏
  • 举报
回复
用flex好一点
weixin_45828594 2019-12-03
  • 打赏
  • 举报
回复
好好,我晚上试试。
1234Wu 2019-12-03
  • 打赏
  • 举报
回复
记得给ol清除浮动,我没写。
weixin_45828594 2019-12-03
  • 打赏
  • 举报
回复
Okok,谢了。
1234Wu 2019-12-03
  • 打赏
  • 举报
回复
加个宽度试试,可能那个○圈符号把文字挡住了
weixin_45828594 2019-12-03
  • 打赏
  • 举报
回复
不行,我把list-style改为circle之后,加了浮动后,只显示一个圆圈。我从网上查的都是ul下的li横向排布,我想知道ol下怎么办?很懵逼。
1234Wu 2019-12-03
  • 打赏
  • 举报
回复
css给浮动不行?float:left;
资源下载链接为: https://pan.quark.cn/s/9648a1f24758 在网页设计,实现无序列表(ul)和列表项(li)的横向排列以及去除列表项前的默认点样式是非常常见的需求,尤其是在制作水平导航栏时。通过CSS的float属性可以轻松实现这一效果。具体来说,将ul和li的float属性均设置为left,并使用list-style: none;清除默认的列表样式,即可达到横向排列且无点的效果。以下是实现代码: 此外,CSS还提供了多种list-style属性值,用于自定义列表项前的标记类型。例如: list-style: square:标记为实心方形。 list-style: circle:标记为圆形。 list-style: disc:标记为实心圆点(默认样式)。 list-style: decimal:标记为阿拉伯数字。 list-style: lower-roman:标记为小写罗马数字。 list-style: upper-roman:标记为大写罗马数字。 list-style: lower-alpha:标记为小写英文字母。 list-style: upper-alpha:标记为大写英文字母。 更复杂的自定义可以通过组合list-style属性值实现,如list-style: square inside url(image.png);,这会将标记设置为实心方块,并在内部显示指定图片。list-style-position属性可以控制标记位置,outside表示标记在内容外部左侧,而inside则表示标记在内容内部左侧。此外,list-style-image属性可以将图片设置为列表项标记,例如list-style-image: url(path/to/image.png);。 除了无序列表和有序列表,HTML还提供了
标签

61,126

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧