h5页面加空格常用的几种方法

1.html

<table align="center" border="1px" bordercolor="rgb(46, 45, 45)" width="200px">
    <tr>
        <td>姓名</td>
        <td>姓名</td>
    </tr>
    <tr>
        <!-- 不断行的空白（1个字符宽度） -->
        <td>姓&nbsp;名</td>
        <td>姓&#160;名</td>
    </tr>
    <tr>
        <!-- 半个空白（1个字符宽度） -->
        <td>姓&ensp;名</td>
        <td>姓&#8194;名</td>
    </tr>
    <tr>
        <!-- 一个空白（2个字符宽度） -->
        <td>姓&emsp;名</td>
        <td>姓&#8195;名</td>
    </tr>
    <tr>
        <!-- 一个空白（2个字符宽度） -->
        <td>姓&thinsp;名</td>
        <td>姓&#8201;名</td>
    </tr>
</table>

效果如下：

2.css

<div style="border:1px solid red; width: 900px;">
    <!-- white-space 属性取值为pre时，浏览器会保留文本中的空格和换行 -->
    <div style="white-space:pre">将      军<div> 
    <!-- letter-spacing 属性用于设置文本中字符之间的间隔 -->
    <div style="letter-spacing:100px;">城南小陌又逢春！</div>
    <!-- word-spacing 属性用于设置文本中单词之间的间隔 -->
    <div style="word-spacing:50px">与你 若 只如初见</div>
</div>

效果如下：