为什么一个空白区域可以成为一条新线?如何在一行中创建带有空格的行

时间:2017-02-08 00:50:02

标签: html css html-email



white-space: no-wrap




所以我正在尝试创建一个电子邮件模板。它包含带空间的动态内容。每当它在第三列内部有空间时,它将创建一个新行。但我只希望它在一条线上。

我知道它适用于<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>。但是,在展望中,空格不支持 - https://www.campaignmonitor.com/css/。还有其他想法吗?谢谢!

见预期:

&#13;
&#13;
var myApp = angular.module('myApp', ['ngRoute'])
myApp.config(function ($routeProvider, $locationProvider) {
  $routeProvider
    .when('/', {

    })
    .otherwise({redirectTo: '/'})

  $locationProvider.html5Mode(true)
})
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

这几乎是HTML中文本的默认行为。

如果您可以控制动态内容,则可以使用不间断空格(&nbsp;)替换空格,如以下示例所示。

<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>