总是在同一行强制2个元素

Question

我有一张包含以下内容的表格：

像这样创建：

<div class="currency">1,280.00</div>

div.currency {
    text-align: right;
    width: 100%;
}

div.currency:before {
    content: "$";
    float: left;
}

问题是，当表格单元格不够宽时，它会将美元符号溢出到下一行。在我的例子中不清楚的是$符号将完全对齐并且十进制值对齐（Excel中的会计样式）。

有没有办法强制它们在同一条线上并让它调整表格单元格的大小，就像用长字符串一样？

Answer 1

您可以在表格单元格中使用 nowrap 。

<table  >
    <td style="width: 99%"></td>
    <td nowrap> <div class="currency">1,280.00</div></td>
</table>

CSS：

div.currency {
    text-align: left;
    width: 100%;
}

div.currency:before {
    content: "$";
    float: left;
}

直播链接：https://jsfiddle.net/3a0nwr5t/1/

Answer 2

您可以在其上使用flexbox，默认情况下，flex nextLine()设置为function fixColDelim([string]$importFile) { $goodFile = $importFile.Replace(".txt", "_GOODX1.txt") $sr = New-Object -TypeName System.IO.StreamReader -ArgumentList $importFile $sw = New-Object -TypeName System.IO.StreamWriter -ArgumentList $goodFile $sr.ReadLine() | Out-Null $sr.ReadLine() | Out-Null While (-not $sr.EndOfStream) { $line = $sr.ReadLine().ToString() $gl = ($line.ToCharArray() | Where-Object {$_ -eq '|'} | Measure-Object).Count Write-Host $gl if($gl -eq 350) { $sw.WriteLine($sr.ReadLine()) } } $sw.close() $sr.close() } ，因此它不会换行。然后使用row分隔元素，而不是使用nowrap和justify-content: space-between

text-align

float