3

これが私のフィドルです。 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>
4

4 に答える 4

6

デモ

これを試して

CSS

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

これが役に立てば幸いです、ありがとう

于 2013-08-19T18:23:33.543 に答える
1

min-heightmax-h css プロパティを使用し、overflow:auto

通常、Twitter ブートストラップを使用している場合、自動サイズ変更は既にクロスブラウザーで処理されています :)

于 2013-01-24T08:09:42.363 に答える
0

役に立つことを願っています

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

于 2016-05-13T14:37:35.687 に答える