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"> </td>
</tr>
</tbody>
</table>
</td>
<td style="white-space: nowrap;">$30.9 sdfsdfd fgertwet</td>
</tr>
</tbody>
</table>
。但是,在展望中,空格不支持 - https://www.campaignmonitor.com/css/。还有其他想法吗?谢谢!
见预期:
var myApp = angular.module('myApp', ['ngRoute'])
myApp.config(function ($routeProvider, $locationProvider) {
$routeProvider
.when('/', {
})
.otherwise({redirectTo: '/'})
$locationProvider.html5Mode(true)
})
&#13;
答案 0 :(得分:0)
这几乎是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>