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

【问题标题】：How to align list elements left, right and centered如何将列表元素左、右和居中对齐
【发布时间】：2012-06-26 01:59:52
【问题描述】：

我希望第一个列表元素在左边，中间在中间，右边在右边。

如何针对不同的屏幕尺寸动态地执行此操作？

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

问候！

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

你可以这样写：

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

【讨论】：