Html,标签形式类似于StackOverflow的

发布于 2024-12-18 01:44:26 字数 258 浏览 1 评论 0原文

my form

这是当我插入多个标签时我的表单的行为方式,但我希望它像本网站的标签一样。正如您所看到的,滚动条出现并创建了一个新的滚动条。我怎样才能将所有内容保持在同一行?

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

my form

this is how my form behave when i insert several tags but i want it to be like the one of this site. As you can see the scroll bar appears and a new is created. how can i keep everything on the same row?

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

泼猴你往哪里跑 2024-12-25 01:44:26

问题是定义了高度,因此包含的

保持其高度并出现滚动条。

在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' });

这是一个 小提琴 来说明。

The problem is that an height is defined, so the containing <div /> keeps its height and a scrollbar appears.

In the css, remove the height rule for the class .taginput:

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

The plugin also has a default value of 100px so you have to set the option when initializing:

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

Here's a fiddle to illustrate.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文