css li 居左对齐

CSS中的li居左对齐是一个很常用的样式，它允许在无序列表中，使得列表项上的内容靠左侧对齐。

    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    li {
        display: block;
        margin: 0;
        padding: 0;
        text-align: left;
    }

可以看到，在上述代码中，我们清除了ul中默认的li样式，并且将li元素的display属性设置为block，去掉了margin和padding，然后设置text-align为left。

这样设置之后，在ul中每个li元素都会被独立为一个块级元素，进而按照自己的宽度进行排列。而text-align属性被设置为left，这样每个li元素的内容就会被靠到最左侧。

总结一下，要实现li的居左对齐，我们需要：

• 清除ul的默认样式
• 将li元素的display属性设置为block
• 去掉li元素的margin和padding
• 将text-align属性设置为left

这些操作都很简单，只需要加上几行CSS，就可以实现li的居左对齐了。