CSS規則中的對齊方式是網頁設計中非常重要的一部分。下面介紹一些常見的對齊方式。

文本對齊

p {
text-align: center;
}

該規則將所有段落中的文本居中對齊。

盒子對齊

.container {
display: flex;
justify-content: center;
align-items: center;
}

該規則將容器中的盒子在水平和垂直方向上居中對齊。

圖像對齊

img {
display: block;
margin: 0 auto;
}

該規則將所有圖像置于其容器中央。

表格對齊

table {
margin: 0 auto;
}

該規則將表格放在容器中央，在頁面寬度變化時可以防止表格溢出。

列表對齊

ul {
text-align: center;
}
li {
display: inline-block;
}

該規則將列表項居中對齊。

不同對齊方式的應用場景各不相同，要靈活運用。