小白教程

 找回密码
 立即注册
查看: 6068|回复: 3

html如何实现li的横排排列

[复制链接]

1

主题

2

帖子

5

积分

新手上路

Rank: 1

积分
5
发表于 2021-3-22 12:30:42 | 显示全部楼层 |阅读模式

各位大神,请问如何实现 “上图下标,双方双列”的布局啊?

本帖寻求最佳方案

,目前已有 3 个回复 我要奖励

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0

主题

1

帖子

1

积分

新手上路

Rank: 1

积分
1
发表于 2021-4-4 18:49:48 | 显示全部楼层
你这种写法是后端的模板吗?
回复

使用道具 举报

0

主题

1

帖子

1

积分

新手上路

Rank: 1

积分
1
发表于 2021-4-15 17:21:04 | 显示全部楼层
我没明白你想怎么布局,不过你可以了解一下flex,这个我想能更简单的达到你的需求
回复

使用道具 举报

0

主题

1

帖子

1

积分

新手上路

Rank: 1

积分
1
发表于 2021-4-26 01:52:34 | 显示全部楼层
  1. ul{
  2.   display:flex;
  3. }
  4. or
  5. li{
  6.   float:left;
  7. }
复制代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|小白教程 ( 粤ICP备20019910号 )

GMT+8, 2024-11-24 15:22 , Processed in 0.043088 second(s), 27 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc. Template By 【未来科技】【 www.wekei.cn 】

快速回复 返回顶部 返回列表