Javascript 推特/字体建议内联显示

Javascript 推特/字体建议内联显示,javascript,css,typehead,Javascript,Css,Typehead,是否有任何选项或CSS技巧可以像在SO标签建议中那样内联显示字体建议 我尝试了一些css显示灵活性,改变了宽度,但没有达到我的预期效果 这是目前的结果, 我需要这样做 谢谢您可以使用模板来呈现字体的数据内容这是我使用的示例代码 $('.typeahead').typeahead({ hint: true, highlight: true, minLength: 3 }, { name: 'Cities', s

是否有任何选项或CSS技巧可以像在SO标签建议中那样内联显示字体建议

我尝试了一些css显示灵活性,改变了宽度,但没有达到我的预期效果

这是目前的结果,

我需要这样做


谢谢

您可以使用模板来呈现字体的数据内容这是我使用的示例代码

$('.typeahead').typeahead({
        hint: true,
        highlight: true,
        minLength: 3
    }, {
        name: 'Cities',
        source: citiesSubstringMatcher(),
        display: 'name',
        limit: 20,
        templates: {
            suggestion: suggestions_city_html
        }
    });

function suggestions_city_html(data) {
    return "<div class='pointer'>" + data.name + "</div>";
}

您可以为此定义自己的模板。

这可以通过简单的css完成。建议包含在tt菜单>tt数据集div中。您可以更改宽度并设置tt数据集div的显示:flex


你能提供更多关于你想要什么的见解吗,这是非常模糊的。你能创建JSFIDLE版本吗?我认为你没有正确理解这个问题。我在图片中完全使用了模板。我只需要像在第二张图片中一样将它们内联放置。
.tt-menu{
  width: 500 !important;
}

.tt-dataset{
  display:flex;
}