jquery - Tag-it 自动完成 : Make li. tagit-new 覆盖 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 proprety 显示它

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

这是一个演示

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