Question

我想用货币符号显示十进制数字货币和浮点数应小于整数部分例如：$ 4,080,048.00 在jsFiddle中，您可以看到第一行是我想要的，但它是用旧的HTML风格编写的。
我用现代HTML（带有3个跨度的div）完成了这个，但是我在小数点之间有一个空格：$ 4,080,048. 00。
如何使第二行看起来像第一行？

Answer 1

以跨距之间没有空格的方式编写标记将解决问题

<div class="container">
    <span class="currency">$</span>
    <span class="integer">4,080.</span><span class="decimal">53</span>
</div>

或者，如果您不想更改标记，可以将font-size:0;添加到容器类

FIDDLE

.container
{
   font-size:0;
}

另一种选择是在标记中的元素之间添加注释，使其好像元素是一个接一个地写入的：

FIDDLE

<div class="container">
    <span class="currency">$</span><!--
    --><span class="integer">4,080.</span><!--
    --><span class="decimal">53</span>
</div>

Answer 2

这是导致此问题的空白区域

<div class="container">
    <span class="currency">$</span>
    <span class="integer">4,080.</span><span class="decimal">53</span>
</div>

http://jsfiddle.net/yrFeB/2/

我无法在上面的答案中添加评论，但您不应将float: left;用于此目的

将一个彼此对齐并使它们居中

2 个答案: