Javascript 引导3工具提示高度

我正在使用Bootstrap3.0.2生成动态工具提示。有些工具提示可以在默认的工具提示区域中无问题地显示，并且工具提示会自动调整到高度，只要它们小于某个大小，但有些工具提示会大于默认允许的高度，并且内容会溢出工具提示

代码如下。“最大高度”属性是我的插入，似乎没有明显的效果

CSS

HTML

内容

Javascript

<script> 
    $('#tecc137').tooltip({ html: true });
    $.ajax({url: 'url.php', type: 'POST', dataType: 'html', data: 'id=137', success: function(data){ $('#tecc137').attr('data-original-title', data ); } });
</script>

$（'#tecc137'）。工具提示（{html:true}）；
$.ajax（{url:'url.php'，type:'POST'，dataType:'html'，data:'id=137'，success:function（data）{$（'tecc137'）.attr（'data-original-title'，data）；}）；

如果它是固定的，只需使用

高度：300px

，或者

最小高度：300px

但不使用最大高度，这不允许您将其放置在高于该高度的位置，而是将其设置为300px，只需说出允许的最大高度，而不是它将采用的高度

---

回答您的评论，将值设置为“自动”，并在您所说的值之间设置“最小高度”和“最大高度”

问题可能是，在计算高度时，内容有时在那里，而有时不是，因为它是异步注入的。在成功回调中注入内容后，我只需取消数据切换并手动调用工具提示，方法是添加用于显示工具提示的javascript方法：

$（''#tecc137'）。工具提示（'show'）

。然后您就可以确定它将按该顺序发生。

因此，修复程序正在添加 显示：内联块；

---

进入bootstrap.css中的.tooltip内部css

因为它是动态的，它不是一个固定的高度，也不是我想要的最小高度；理想情况下，我会有一个浮动在25px和250px之间的高度。如果我指定最小高度，我可以将其设置为使我最大的工具提示的所有内容都适合，但这种方法为内容少得多的工具提示留下了很大的空白。因此，将它们设置为auto@user3681179。对了，我的css现在看起来如下所示，但在大约200px之后工具提示仍然会停止：。工具提示内部{最大宽度：200px；高度：自动；最大高度：400px；填充：3px 8px；颜色：#ffffff；文本对齐：居中；文本装饰：无；背景色：#000000；边框半径：4px；}内容会发生什么？你能用提琴导入它，我试着在那里编辑它吗？@user3681179内容放得很好，但它不适合放在内容框中。我有点困惑，当我用提琴时，它扩展得很好，但在我的代码中被破坏了。

<div class="col_one_fifth tooltip-test" id="tecc137" data-toggle="tooltip" data-placement="top" title="" data-original-title="...">
    <div class="product-feature3"><h6 class="nopadding">Content</h6></div>
</div>

<script> 
    $('#tecc137').tooltip({ html: true });
    $.ajax({url: 'url.php', type: 'POST', dataType: 'html', data: 'id=137', success: function(data){ $('#tecc137').attr('data-original-title', data ); } });
</script>