html – 创建一个像stackoverflow的标签框

html – 创建一个像stackoverflow的标签框,第1张

概述我真的很想知道如何安排一个标签盒,就像我们这里的Stackoverflow一样. 我几乎就在那里,我只需要安排标签,当标签容器宽度被超越时,标签被推到左边而不是向右或向下. 到目前为止,我有这个CSS代码: #tagsContainer{ border: 1px solid black; width: 400px; height: 28px; overflow-x: 我真的很想知道如何安排一个标签盒,就像我们这里的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>

提前致谢!

解决方法 看看这个链接: Chosen和 Token Input.我在论坛上找到了这两个: jQuery plugin for a simple input box for comma-separated tags with autosuggest 总结

以上是内存溢出为你收集整理的html – 创建一个像stackoverflow的标签框全部内容,希望文章能够帮你解决html – 创建一个像stackoverflow的标签框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1073609.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-26
下一篇 2022-05-26

发表评论

登录后才能评论

评论列表(0条)

保存