学习记录 -- 单行文本两端对齐

Posted hros

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了学习记录 -- 单行文本两端对齐相关的知识,希望对你有一定的参考价值。

在非IE下使用text-align: justify;

但是由于该属性只有在多行文本才有效果,所以需要人为创造多行

添加一个伪元素:

::after {

  content: "",

  display: inline-block;

  width: 100%;

}

 

在IE下需要使用text-justify: inter-ideograph;

以上是关于学习记录 -- 单行文本两端对齐的主要内容,如果未能解决你的问题,请参考以下文章

Flutter 学习 ---- ContainText

两端对齐文本中正常宽度空格的跨度

表单文本两端对齐

flex 常用布局自我记录

文字两端对齐

CloudCompare学习记录教程