我有一個表格單元格，里面有一個字串。我需要給空格只使用 CSS/scss 在逗號后提供一個空格。它應該是這樣的。
目前它看起來像下圖
這個 3,500 GE 文本位于 span 標簽中，我還需要更改 span 標簽內文本的位置，如第一個標簽所示。
我只能使用 JS 找到解決方案，但我只想通過 CSS/SCSS。
.amountCount {
text-align: center;
position: relative;
}<span class="amountCount">3,500 GE</span>uj5u.com熱心網友回復：
首先，CSS 不適合該操作，因為 CSS 負責樣式化，而不是修改 DOM 中存在的實際內容。
在任何情況下，如果您真的需要使用 CSS 來實作，并且您可以將 HTML 內容一分為二，您可以使用 CSS 插入帶有自定義內容的新元素，從而達到您的目標。
.amountCount span:not(:last-child):after{
content: ", ";
}<span class="amountCount">
<span>3</span>
<span>500 GE</span>
</span>uj5u.com熱心網友回復：
有一個（公認不完美的）純 HTML 解決方案，即使用全角逗號：
，
作業示例：
table,
td {
border: 1px solid rgb(0, 0, 0);
}
td {
padding: 6px 12px;
}<table>
<tr>
<td><span class="amountCount">3,500 GE</span></td>
<td><span class="amountCount">3，500 GE</span></td>
</tr>
</table>注意 我承認這是不完美的，因為您希望空格僅顯示在逗號字符的右側，而不是兩側。
uj5u.com熱心網友回復：
您可以添加跨度并創建空間。
<span class="amountCount">3,<span class="comma_space"></span>500 GE</span>
使用 css 類似：
.comma_space {
display: inline-block;
width: 30px;
}
顯然，如果資料是動態的，您將需要插入跨度。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/359303.html
標籤：javascript html css 蠢货
上一篇：單擊錨鏈接僅有時有效