Html，标签形式类似于StackOverflow的一个

Question

这是我的表单在插入多个标签时的行为，但我希望它像这个网站的那个。如您所见，滚动条出现并创建一个新的。我怎么能把所有东西放在同一排？

http://jsfiddle.net/H86Zy/2/

Answer 1

问题在于定义了高度，因此包含<div />的高度会保持其高度并显示滚动条。

在css中，删除类.taginput：

的高度规则

div.tagsinput {
    border:1px solid #CCC;
    background: #FFF;
    padding:5px;
    width:300px;
    /*height:100px;*/
    overflow-y: auto;
}

该插件的默认值为100px，因此您必须在初始化时设置选项：

$('#tagbox_a_1').tagsInput({ height: 'auto' });

这是一个fiddle来说明。