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」無法正常工作

回答

相關問題