2011-11-26 47 views
1

my form的Html,类似标签形式的StackOverflow的一个

这是怎么当我插入我的行为形式几个标签,但我希望它是这样的网站之一。正如你所看到的滚动条出现并创建一个新的。我怎么能把所有的东西放在同一行上?

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

+1

您能否为我们创建一个[jsfiddle](http://www.jsfiddle.net)以查看您的代码正在运行? –

+0

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

+0

那么,与生成的标记似乎很难。但是如果你想在一行上保留一长串标签,那么在某个时候,你会有一个水平滚动条,这是可以接受的吗? –

回答

1

的问题是,一个高度被定义,所以含有<div />保持其高度,并显示滚动条。

在CSS中,除去高度规则类.taginput:

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

该插件还具有100像素的默认值,所以你必须设置选项在初始化时:

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

这里有一个fiddle来说明。