Tag-it 自动完成：制作 li.tagit-ul.tagit 的新封面

Question

我试图让 'li.tagit-new input' 覆盖父 ul.tagit 其余部分的整个宽度：

ul.tagit li {
    display:table-cell;
    white-space:nowrap;
    vertical-align:top;
    float: none;
}

ul.tagit li.tagit-new {
    width: 100%;
    border: 1px solid #ddd;
}
ul.tagit li.tagit-new input {
    width: 100%;
}

如果至少有一个标签，它就可以正常工作。但如果没有标签则不会：

http://jsfiddle.net/bus9dgx5/

Answer 1

我不能把它写成评论。据我了解你的问题，你可以用 flex 属性显示它

ul.tagit {
  margin-bottom: 0px;
  display: flex;
}

这是一个演示

http://jsfiddle.net/4eusrdbf/1/

Tag-it 自动完成：制作 li.tagit-ul.tagit 的新封面

Tag-it Autocomplete: Make li.tagit-new cover rest of ul.tagit

css

jquery

autocomplete

tag-it