なぜ1つの空白が新しい行を作ることができますか？ 1行にスペースで行（複数可）を作成する方法

Question

<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">&nbsp;</td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td>$30.9 sdfsdfd fgertwet</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

だから私は、電子メールテンプレートを作成しようとしています。スペース付きの動的コンテンツが含まれています。 3列目にスペースがあるたびに、新しい行が作成されます。しかし、私はそれを一つの行に入れたいだけです。

white-space: no-wrapと動作します。ただし、ホワイトスペースは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">&nbsp;</td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td style="white-space: nowrap;">$30.9 sdfsdfd fgertwet</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

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">&nbsp;</td> 
 
      </tr> 
 
      </tbody> 
 
     </table> 
 
     </td> 
 
     <td>$30.9&nbsp;sdfsdfd&nbsp;fgertwet</td> 
 
    </tr> 
 
    </tbody> 
 
</table>