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

标签 html css tags

我真的很想知道如何安排一个标签框,就像我们在 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>

提前致谢!

最佳答案

关于html - 创建一个像 stackoverflow 一样的标签框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11400064/

相关文章:

javascript - Ruby on Rails : How to add a link_to in a select_tag

html - 表格html底部从右到左的滚动条

android - 具有不同边距/填充的移动和桌面中的相同 CSS

C# WPF 为所有控件设置标签=名称

java - TldLocations 缓存 : null - Importing taglib on tomcat6

javascript - 如何使用 bootstrap 的标签输入和 textarea 标签(数据角色 ="tagsinput")

html - h1 标题顶部的间隙

javascript - 如何在加载时从标签标题添加按钮值

javascript - 使内容不可滚动的CSS代码

javascript - 多次点击时显示多张图像