You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在<tr>标签内文本间添加空格 替代多个&nbsp;的简便实现方法

替代多 实现间隔的可行方案

方案1:拆分元素加外边距(最推荐)

将问题和时间分别用行内标签包裹,给时间标签设置左外边距,可自由调整间隔大小,后续修改也更便捷,示例代码如下:

<tr>
    <td>
        <span>生病该去哪就诊?</span>
        <span style="margin-left: 2em;">3分钟前</span>
    </td>
</tr>

你可以按需调整margin-left的数值和单位:比如2em对应2个中文字符宽度,20px对应固定20像素间隔。如果需要保留原英文内容,直接替换span内的文本即可,CSS逻辑通用。

方案2:自动两端对齐(适配固定宽度td场景)

如果需要让问题靠左、时间自动靠td最右侧,中间自动填充间隔,直接给td设置flex布局即可,无需手动指定间隔数值:

<tr>
    <td style="display: flex; justify-content: space-between; width: 100%;">
        <span>生病该去哪就诊?</span>
        <span>3分钟前</span>
    </td>
</tr>

补充说明

你原代码里的时间拼写有误,minuts应为minutes。

内容的提问来源于stack exchange,提问作者DikDikee

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.29 13:54:03