在網頁設計中，對齊是非常重要的，這是因為它決定了網頁版面的整潔程度和美觀度。CSS3提供了很多新的對齊方式，這篇文章將向大家介紹一些常用的對齊方式。

text-align: center;
text-align: left;
text-align: right;
text-align: justify;
vertical-align: middle;
vertical-align: top;
vertical-align: bottom;

水平居中對齊

通過text-align屬性實現水平居中對齊。值為center。

div{
text-align: center;
}

左對齊和右對齊

通過text-align屬性實現左對齊和右對齊。值為left和right。

div.left{
text-align: left;
}
div.right{
text-align: right;
}

文本兩端對齊

通過text-align屬性實現文本兩端對齊。值為justify。

p {
text-align: justify;
}

垂直居中

通過vertical-align屬性實現垂直居中對齊。值為middle。

div{
height: 100px;
line-height: 100px;
vertical-align: middle;
}

頂部對齊和底部對齊

通過vertical-align屬性實現頂部對齊和底部對齊。值為top和bottom。

div.top{
vertical-align: top;
}
div.bottom{
vertical-align: bottom;
}

以上就是 CSS3 中的一些常用對齊方式的介紹。通過合理運用對齊方式，可以使網頁版面更加整潔和美觀。