javascript - 动态文本更改跨度的位置

我有一个范围，该范围具有在页面加载时启动的预定义值。
用户可以通过与输入字段进行交互来更改值。
我的问题是所有跨度都在一个表中，并且每当数字更改时
而不是出现在与预定义数字完全相同的位置，而是将其自身定位在20像素左右。

任何帮助将不胜感激。

的HTML
    

<table class="tbl1">
    <tr>
        <td style="overflow: hidden; width: 280px; text-align: left; valign: top"><span class="Cs boxGreen">A</span>
        </td>
        <td width="18%"><span class="number1Output"></span>
        </td>
    </tr>
</table>

JS

var currency = "£";

(function ($) {
    $(window).load(function () {
        $('.number1Output').html($('#number1').val());
    });
});

function displayNumber(value, id, id2) {
    var output = '.' + id + "Output";
    if (value == 0) {
        $(output).html('');
        $(id2).html("free");
    } else {
        $(output).html('+' + value + currency + ' ');
        $(id2).html(value + currency);
    }
}

最佳答案

如果要更改跨度/字段/窗口/等的宽度。并且定位看起来不正确，您可能要使用CSS。最小宽度可以帮助解决这个问题。

关于javascript - 动态文本更改跨度的位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20914862/