创建一个像stackoverflow一样的标签框

Question

我真的很想知道如何安排一个标签盒,就像我们这里的Stackoverflow一样.

我几乎就在那里,我只需要安排标签,当标签容器宽度被超越时,标签被推到左边而不是向右或向下.

到目前为止,我有这个CSS代码:

#tagsContainer{
    border: 1px solid black;
    width: 400px;
    height: 28px;
    overflow-x: scroll;
}
#tagsBox{
    float: left;
}
#tagsTxtBox{
    float: right;
}

这个HTML代码:

<div id="tagsContainer">
    <div id="tagsBox"></div>
    <div id="tagTxtBox"><input type="text" id="autocompletes" /></div>
</div>

提前致谢!

Answer 1

看看这个链接:选择和令牌输入.我在论坛上找到了这两个:jQuery插件,用于带有autosuggest的逗号分隔标签的简单输入框