CSS实现文本向两端对齐的方法

最新推荐文章于 2024-08-07 15:38:37 发布

gefangshuai

最新推荐文章于 2024-08-07 15:38:37 发布

阅读量3.3k

点赞数

分类专栏：前端开发文章标签： css

前端开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

实现方法如下：

.test1 {
      text-align:justify;
      text-justify:distribute-all-lines;/*ie6-8*/
      text-align-last:justify;/* ie9*/
      -moz-text-align-last:justify;/*ff*/
      -webkit-text-align-last:justify;/*chrome 20+*/
  }
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
    .test1:after{
        content:".";
        display: inline-block;
        width:100%;
        overflow:hidden;
        height:0;
    }
}