<table width="600">
<tbody>
<tr>
<td> <span>Price:</span> </td>
<td width="100%">
<table width="100%">
<tbody>
<tr>
<td style="width:100%;border-bottom:3px dotted #0b863c"> </td>
</tr>
</tbody>
</table>
</td>
<td>$30.9 sdfsdfd fgertwet</td>
</tr>
</tbody>
</table>
所以我正在尝试创建一个电子邮件模板。它包含带空间的动态内容。每次当它在第三列内有空间时,它都会创建一个新行。但我只希望它在一行中。
我知道它适用于 white-space: no-wrap
。然而,white-space 在 outlook 中不支持 -- https://www.campaignmonitor.com/css/ .还有其他想法吗?谢谢!
看到预期:
<table width="600">
<tbody>
<tr>
<td> <span>Price:</span> </td>
<td width="100%">
<table width="100%">
<tbody>
<tr>
<td style="width:100%;border-bottom:3px dotted #0b863c"> </td>
</tr>
</tbody>
</table>
</td>
<td style="white-space: nowrap;">$30.9 sdfsdfd fgertwet</td>
</tr>
</tbody>
</table>
最佳答案
这几乎是 HTML 文本的默认行为。
如果您可以控制动态内容,则可以将空格替换为不间断空格 (
),如下例所示。
<table width="600">
<tbody>
<tr>
<td> <span>Price:</span> </td>
<td width="100%">
<table width="100%">
<tbody>
<tr>
<td style="width:100%;border-bottom:3px dotted #0b863c"> </td>
</tr>
</tbody>
</table>
</td>
<td>$30.9 sdfsdfd fgertwet</td>
</tr>
</tbody>
</table>
关于html - 为什么一个空格可以换行?如何在一行中制作带有空格的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42102737/