CSS中列表如何對齊 在CSS中，我們經常會使用列表來展示一些數據或者內容。然而，當列表中的每一項內容長度不一致時，很容易會導致對齊的問題，這時我們就需要使用CSS來解決對齊問題了。下面介紹幾種常用的列表對齊方式。 1. 文本對齊方式 通過設置文本對齊方式，可以將列表中的文本內容對齊到同一位置。比如，將列表項的文本內容左對齊、居中對齊或者右對齊。 ```css ul { list-style: none; margin: 0; padding: 0; } li { text-align: center; } ``` 2. 行高對齊方式 設置列表項的行高，也可以達到列表對齊的效果。但需要注意的是，行高只適用于單行內容的列表。 ```css ul { list-style: none; margin: 0; padding: 0; } li { line-height: 50px; } ``` 3. Flex布局對齊方式 使用Flex布局可以更靈活地對齊列表項的內容，不僅可以進行水平對齊，還可以進行垂直對齊。 ```css ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; } li { flex: 1; text-align: center; margin: 10px; } ``` 以上就是CSS中列表的三種對齊方式。要根據實際情況靈活運用，以達到更好的展示效果。