javascript 添加动态列表项从左到右然后向下——而不是仅仅向下？

Question

有人可以帮忙吗？我正在使用这个动态列表项小部件 http://jsfiddle.net/jaredwilli/tzpg4/4/

$(function() {
    var scntDiv = $('#p_scents');
    var i = $('#p_scents p').size() + 1;

    $('#addScnt').live('click', function() {
        $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
        i++;
        return false;
    });

    $('#remScnt').live('click', function() { 
        if( i > 2 ) {
            $(this).parents('p').remove();
            i--;
        }
        return false;
    });
});

我想知道如何对其进行修改，以便列表框从左到右添加，然后向下添加——而不是仅仅向下添加？谢谢

Answer 1

添加 display: inline-block;或 float: left;应用于您的 <p> 的 CSS 规则标签。

默认情况下，<p>标记具有 block 格式。这意味着没有其他元素可以在同一行上流动。