CSS“Nowrap”无法正常工作

我目前正在构建一个电子邮件模板。该模板包含排列在一起的USP。这是我使用的代码：CSS“Nowrap”无法正常工作

<td width="100%"> 
    <span style="white-space: nowrap;"> 
    <img src="checkmark.png" />&nbsp;&nbsp;[text name="USP1"] 
    </span> 
    &nbsp;&nbsp;&nbsp;&nbsp; 
    <span style="white-space: nowrap;"> 
    <img src="checkmark.png" />&nbsp;&nbsp;[text name="USP2"] 
    </span> 
    &nbsp;&nbsp;&nbsp;&nbsp; 
    <span style="white-space: nowrap;"> 
    <img src="checkmark.png" />&nbsp;&nbsp;[text name="USP3"] 
    </span> 
</td>

随着“NOWRAP”我试图把USP的相互下面的智能手机。太糟糕了，USP的所有东西都相互靠近，这使得桌子变宽了。

有没有一个简单的内联CSS技巧，让他们在小屏幕上相互站立？

来源

2015-12-02 Jerrelz

你能不能把每一个到自己的''？ –

一个生动的例子会有所帮助，我无法一眼就看出你想要做什么。但是，当我看到' '时，我放弃了'，请不要使用空格格式... –

nowrap =空格的序列会合并成单个空格。文本将永远不会换行到下一行。文本继续在同一行，直到遇到
标记 –

HTML：

<td class="usps"> 
    <span>... 
</td>

CSS：

table tr td.usps span { 
    display: block; 
}

来源

2015-12-02 15:52:03

CSS“Nowrap”无法正常工作

回答

相关问题