Css 提前键入多行列表项

Css 提前键入多行列表项,css,angularjs,twitter-bootstrap,Css,Angularjs,Twitter Bootstrap,我正在使用twitter引导和angularjs使用typeahead。它显示自动完成建议,如下面的屏幕截图所示。但我想在不同的行中显示大城市的名称。例如,伦敦哈罗区在两行中使用twitter引导字体。如何实现这一点?我正在使用任何帮助 只需在您希望线路中断的位置放置一个标签。您可以使用此模板 <input id="id" type="text" name="name" ng-model="binding" typeahead-min-length="0" uib-typeahead="x

我正在使用twitter引导和angularjs使用typeahead。它显示自动完成建议,如下面的屏幕截图所示。但我想在不同的行中显示大城市的名称。例如,伦敦哈罗区在两行中使用twitter引导字体。如何实现这一点?我正在使用任何帮助


只需在您希望线路中断的位置放置一个标签。

您可以使用此模板

<input id="id" type="text" name="name" ng-model="binding" typeahead-min-length="0" uib-typeahead="x as x.name for xyz in alphabet" typeahead-popup-template-url="url/to/template" typeahead-editable="false" autocomplete="off" typeahead-on-select="yourMethodCall()" ng-change="yourMethodCall()">

在模板文件中,即一些_template.html

<div class="design class" aria-hidden="{{!isOpen()}}">
    <div class="container" ng-repeat="match in matches">
      <div> your design here... </div>
  </div>
</div>

你的设计在这里。。。

你的意思是让文本在多行上换行吗?正确,但换行词不起作用。你需要给橙色条一个比蓝色区域更高的
z-index
。我不会担心文字包装