css 元素一个居中一个居左

在网页设计中，CSS（Cascading Style Sheets）是必不可少的一部分。CSS的主要作用是控制页面的外观样式，其中包括元素的居中或居左对齐。

/*元素居中对齐*/
.center {
  display: flex; /*弹性盒子布局*/
  justify-content: center; /*水平居中对齐*/
  align-items: center; /*垂直居中对齐*/
}

/*元素居左对齐*/
.left-align {
  margin-left: 0; /*左边距为0*/
}

如上代码所示，要实现元素的居中和居左对齐，都需要进行CSS的编写。其中，居中对齐可以使用flex布局实现，通过display: flex属性设置弹性盒子布局，再通过justify-content属性和align-items属性实现水平和垂直居中对齐。而元素的居左对齐则只需设置左边距为0即可。

总之，在CSS编写中，掌握元素的居中和居左对齐等基础样式是必不可少的。它们可以为网页的布局和视觉效果带来很大的帮助。