三个li平行显示适应屏幕宽度css-玄门社区-风水自学网

<<返回列表下一个上一个收藏打印本文复制本文地址

241 查看	0 回复

主题：三个li平行显示适应屏幕宽度css [收藏主题]

lan988 当前离线

288 主题	210 广播	31 粉丝

添加关注

级别:管理员

用户积分:182 分
登录次数:1101 次
注册时间:2007-3-30
最后登录:2024-11-27
论坛高手

论坛高手

创始人

当前不在线

lan988 发表于：2024-6-9 20:13:18 | 显示全部帖子查看该作者主题楼主

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Parallel Li Items</title>

<style>

ul.container {

list-style-type: none;

margin: 0;

padding: 0;

display: flex; /* 使用Flexbox布局 */

}

li {

flex: 1; /* 每个li平均分配空间 */

text-align: center;

border: 1px solid #000; /* 边框仅为了可视化 */

padding: 10px;

}

</style>

</head>

<body>

<ul class="container">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

</body>

</html>

专业从事风水，命理，择日，取名等。

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

反对(0)

回到顶部

回到底部

底部

＜下一主题 | 上一主题＞

风水自学网有限公司 © 2016-2025 版权所有页面执行0.06055秒 powered by KesionCMS 9.0