Skip to content

HTML 奇淫技巧

使用空格实体字符实现文本两端对齐

三种空格实体字符

  •   不换行空格(No-Break Space)
    • 占据的宽度可能会受到字体样式、容器宽度、CSS 布局和其他相关因素的影响
  •   半角空格(En Space)
    • 占据的宽度正好是 1/2 个中文字符的宽度
  •   全角空格(Em Space)
    • 占据的宽度正好是 1 个中文字符的宽度
html
<div>
  <div>姓&emsp;&emsp;名: Agul</div>
  <div>手&ensp;&ensp;号: 15666666666</div>
  <div>电子邮箱: abcd@test.com</div>
</div>
姓  名: Agul
手 机 号: 15666666666
电子邮箱: abcd@test.com

Released under the MIT License.