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

javascript add dynamical list item left to right then down-- instead of just down?

本文关键字：添加 不仅仅是 然后 从左到右 动态 列表 Javascript      更新时间：2023-09-26

有人能帮忙吗?我正在使用这个动态列表项小部件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;
    });
});

我想知道如何修改，使列表框从左到右添加，然后向下-而不是只是向下?由于

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

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

除了BDawg的回答，你会想要考虑创建一个包含你想要的菜单大小的div，然后在你的<p>标签上使用CSS的定位，以帮助确保没有不必要的浮动。

http://www.w3schools.com/cssref/pr_class_float.asp

相关文章：