css - 如何将列表元素左、右和居中对齐

Question

我希望第一个列表元素位于左上角，中间位于中间，右侧位于右下角。

对于不同的屏幕尺寸，我怎么能动态地做到这一点？

我只知道将它们与边距对齐。

问候！

score 2 · Accepted Answer

向列表项添加宽度，如下所示：

.panel li
{
    display: inline-block;
    width:33%;
}

score 1 · Accepted Answer

1

您可以使用first-child,last-child和等选择器nth-child(n)。

于 2012-06-24T15:43:20.513 回答

score 0 · Accepted Answer

也许尝试以百分比形式显示它们？

.panel li { 浮动：左；宽度：40%；显示：块；文本对齐：左 }

.panel li.center { 宽度：20%; 文本对齐：左 }

.panel li.right { 文本对齐：右 }

score 0 · Accepted Answer

你可以这样写：

.left { float:left }
.right { float:right }
ul{text-align:center; overflow:hidden}

4 回答 4