css三行元素对齐

CSS是网页设计中非常重要的一部分，可以控制网页的布局、样式等多个方面。而在CSS中，对于元素的对齐，有着很多种方式。其中，使用三行CSS代码可以实现元素的简单对齐。

/*水平居中对齐*/
.text-center {
  text-align: center;
} 

以上三行代码是用于实现元素水平居中对齐的。我们只需要将需要对齐的元素添加一个class，然后在CSS中设置该class的text-align属性为center，即可实现水平居中对齐。

/*垂直居中对齐*/
.parent {
  display: flex;
  align-items: center;
} 

如果我们想要实现元素的垂直居中对齐，只需要在元素的父级元素中设置display:flex，然后设置align-items属性为center即可。

/*水平、垂直居中对齐*/
.parent {
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
} 

最后，如果我们想要同时实现元素的水平和垂直居中对齐，需要在元素的父级元素中设置height属性，然后设置justify-content属性为center(水平居中对齐)，align-items属性为center(垂直居中对齐)即可。