css - 如何自动调整弹出框大小

Question

这是我的小提琴。 http://jsfiddle.net/sNrLQ/1/

我希望弹出窗口根据其内容自动调整大小。我也试图给它一个 400px 的最大宽度。

我的 CSS

.popover2{display:block!important;width: 400px !important;}

还有我的html

<div class="popover popover2 left"><div class="arrow"></div><div class="popover-content"><p>tellus. Donec dui tortor, commodo nec laoreet ac, </p></div></div>

Answer 1

演示

试试这个

css

.popover2{
    display:block !important;
    max-width: 400px!important;
    width:auto;
}

希望这有帮助，谢谢

Answer 2

使用min-heightmax-h css 属性和overflow:auto

通常，如果您使用 twitter bootstrap，自动调整大小已经被处理，跨浏览器:)

Answer 3

您最常在 boostrap.min.css 中配置最大宽度。信息会根据文件中预设的最大宽度自动调整大小。

Answer 4

我希望它会有用

var $btn = $("#my_btn")
  .popover()
  .on("show.bs.popover", function(e){
    p.data("bs.popover").tip().css({"max-width": "500px"});
  });