Question

我有一个跨度，它具有在页面加载时启动的预定义值。用户可以通过与输入字段交互来更改值。我的问题是所有的跨度都在一个表中，并且每当数字被改变时而不是出现在与预定义数字完全相同的位置，它将自己定位为大约20px左右。

任何帮助将不胜感激。

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 + '&nbsp;');
        $(id2).html(value + currency);
    }
}

Answer 1

如果要更改范围/字段/窗口/等的宽度。并且定位看起来不正确您可能想要使用CSS。 min-width 可以为您提供帮助。

动态文本更改跨度的位置

1 个答案: