文字两端对齐

一个可以使文字(中文)两端对齐的方法。

  1. 在两行文字的下方插入一个元素,宽度填满空间,令文字与这个元素两端对齐。
  2. 设定文字高度,再利用overflow: hidden;将插入的元素隐藏。

实现效果如下

代码




  
  文字两端对齐
  


姓名
联系方式

附加知识

在div内中间没有断开的文档默认是会超出边界,可以设置word-break: break-all;令其强行断开。

你可能感兴趣的:(文字两端对齐)