首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css两个li并排显示

发布于 2024-11-11 19:06:06
0
11

CSS可以让我们轻松实现两个Li并排显示的效果,代码如下:

 ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    li {
        float: left;
        width: 50%;
    } 

以上代码中,我们首先重置了ul的默认样式,然后给li设置了float为left,并通过width属性将li的宽度设置为50%,这样两个li就可以并排显示了。

此外,我们还可以通过设置margin和padding属性来调整Li之间的间距。

综上所述,CSS中实现两个Li并排显示的效果非常简单,只需要设置float和width属性即可。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流