HTML 技巧

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

三种空格实体字符

•   不换行空格（No-Break Space）
  • 占据的宽度可能会受到字体样式、容器宽度、CSS 布局和其他相关因素的影响
•   半角空格（En Space）
  • 占据的宽度正好是 1/2 个中文字符的宽度
•   全角空格（Em Space）
  • 占据的宽度正好是 1 个中文字符的宽度

<div>
  <div>姓&emsp;&emsp;名： Sain Sun</div>
  <div>手&ensp;机&ensp;号： 1906277****</div>
  <div>电子邮箱： sain@gmail.com</div>
</div>

姓  名： Sain Sun

手 机 号： 1906277****

电子邮箱： sain@gmail.com