小编Hun*_*r S的帖子

li中的文字如何居中?

我试图在四个不同的li元素之间具有相等的间距,但我最终得到的是:

在此输入图像描述

HTML:

<ul><li>Inbox</li></li><li>Drafts</li></li><li>Sent</li></li><li>Trash</li></ul>

CSS:

ul li { 
     width: 25%;
     display: inline-block;
     text-align: center;
}
Run Code Online (Sandbox Code Playgroud)

我已经测试了 CSS,它可以正常工作。我认为问题在于 的li字母数量并不相同,因此最终会出现一些奇怪的视觉效果。我相信这一点的理由:

在此输入图像描述

(等间距)

html css html-lists web

5
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

html ×1

html-lists ×1

web ×1