table表单中的td内容两端对齐

258 阅读1分钟

创建表格时,我们在单元格输入中文的字数不一样,会导致不美观,例如:

image.png

我们需要将用户名末尾和密码末尾对齐,解决方法是在td中加个样式:text-align-last:justify,让它们两端对齐

image.png

加了样式之后的效果:

image.png

更新

image.png

<span>&ensp;&ensp;名:</span>
<span>&emsp;&emsp;箱:</span>
<span>&emsp;&emsp;话:</span>
<span>&emsp;&emsp;龄:</span>
<span>毕业院校:</span>

&ensp:此空格传承空格家族一贯特性,透明的。还有个稳健的特性,占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。

&emsp:此空格传承空格家族一贯特性,透明的。另外个特性就是,占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

&nbsp:这是我们使用最多的空格,也就是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用HTML实体(&nbsp)表示才可累加。