Openlayers 3 Openlayers 3 popover将每个单词放在一行上

在OL3地图上工作，我被popover风格卡住了。我还没有添加任何CSS来更改它，它目前正在通过默认引导设置进行处理

好吧，问题是：每个单词都显示在它自己的行上。我怎样才能改变这个？或者，一个更好的问题，我如何控制流行款式

这就是现在的样子：

处理弹出窗口的代码：

    //popups
    var element = document.getElementById('popup');
    var popup = new ol.Overlay({
      element: element,
      positioning: 'bottom-center',
      stopEvent: false
    });
    map.addOverlay(popup);

    // display popup on hover
    map.on('pointermove', function(evt) {
      var feature = map.forEachFeatureAtPixel(evt.pixel,
          function(feature, layer) {
            return feature;
          });
      if (feature) {
        var geometry = feature.getGeometry();
        var coord = geometry.getCoordinates();
        popup.setPosition(coord);
        $(element).popover({
          'placement': 'top',
          'html': true,
          'content': feature.get('name')
        });
        $(element).popover('show');
      } else {
        $(element).popover('destroy');
      }
    }); 

---

谢谢

我认为您只需要在用于弹出窗口的

#popup

元素中添加一些css

比如：

#popup {
    min-width: 280px;
}

---

看看这个例子，了解一下样式设计的想法。

我认为您只需要在用于弹出窗口的

#popup

元素中添加一些css

比如：

#popup {
    min-width: 280px;
}

看看这个例子，了解一下样式设计的想法