[分享]css3左右对齐

CSS3新增了一些左右对齐的特性，可以方便地对元素进行布局和排版。

// 左对齐
.container {
  text-align: left;
}

// 右对齐
.container {
  text-align: right;
} 

使用text-align属性可以实现容器内元素的左右对齐。默认是左对齐，设置为right则可以实现右对齐。

// 居中对齐
.container {
  text-align: center;
} 

同时，text-align还可以实现元素的居中对齐。

// 左对齐，单词间隔相等
.container {
  text-align: justify;
}

// 左对齐，单词间隔不等
.container {
  text-align: justify-all;
} 

在左对齐的情况下，text-align还可以控制文本的分散对齐。设置为justfy可以实现单词间隔相等的对齐方式；设置为justify-all则可以实现单词间隔不等的对齐方式。

在实际开发中，可以根据具体需求选择不同的对齐方式，实现更加美观和符合用户体验的效果。