[分享]css中对齐属性的方式

CSS中有很多属性可以用于对齐元素，比如text-align、vertical-align和justify-content等。

/* 水平对齐 */
text-align: center; /* 居中对齐 */
text-align: left; /* 左对齐 */
text-align: right; /* 右对齐 */
text-align: justify; /* 两端对齐 */

/* 垂直对齐 */
vertical-align: middle; /* 垂直居中 */
vertical-align: top; /* 顶部对齐 */
vertical-align: bottom; /* 底部对齐 */ 

其中，text-align用于水平对齐，可以将元素居中、左对齐、右对齐或两端对齐。而vertical-align用于垂直对齐，可以将元素垂直居中、顶部对齐或底部对齐。

另外，如果是对齐容器内的子元素，可以使用justify-content和align-items属性。

/* 对齐容器内的子元素 */
display: flex; /* 声明容器为flex布局 */
justify-content: center; /* 横向居中 */
align-items: center; /* 纵向居中 */ 

以上就是CSS中对齐属性的方式及其应用。可以根据具体的业务需求选择不同的对齐方式。