如何在<tr>标签内文本间添加空格 替代多个 的简便实现方法
替代多 实现间隔的可行方案
方案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
相关产品推荐
相关产品推荐

