CSS 文本最后一行两端对齐

384 阅读1分钟
<div class='justifyLast'>最后一行两端对齐</div>

方法一:(此方法在苹果手机和浏览器上会失效)

.justifyLast {
  border: 1px solid red;
  width: 200px;
  text-align: justify;//所有文本两端对齐
  text-align-last: justify;//最后一行两端对齐
}

方法二:

<style  scoped>
.justifyLast {
  border: 1px solid red;
  width: 200px;
  text-align: justify;
  text-align-last: justify;
}
.justifyLast::after {
  content: "";
  width: 100%;
  display: inline-block;
}
</style>