Jquery 调整大小时的html标记宽度

我在引导中使用h2标记作为标题。 我有一些结构下面的东西

<div id="id2">
  <header>
    <div class="hideshow1"> Toggle this div </div>
    <div class="hideshow2"> Toggle this div </div>
    <h2> My Header very long </h2>
  </header>
  <div class="body1">
     This is my body 
   </div>
 </div>

它似乎不起作用。。如果任何CSS专家可以分享一些信息

多谢各位

抱歉， 蒙纳

如果文本不适合元素，将为您执行此操作。但是，默认情况下，h2将拉伸以适合文本，因此您还应设置最大宽度，以便h2不会变得太宽

如果文本不适合元素，将为您执行此操作。但是，默认情况下，h2将拉伸以适合文本，因此您还应设置最大宽度，以便h2不会变得太宽

如果文本不适合元素，将为您执行此操作。但是，默认情况下，h2将拉伸以适合文本，因此您还应设置最大宽度，以便h2不会变得太宽

---

如果文本不适合元素，将为您执行此操作。但是，默认情况下，h2将拉伸以适合文本，因此您还应设置最大宽度，以便h2不会变得太宽。

我想您需要删除

"display: inline-block;"

---

我想你需要搬走

"display: inline-block;"

---

我想你需要搬走

"display: inline-block;"

---

我想你需要搬走

"display: inline-block;"

---

要想让它正常工作，你必须做几件事。您的标题必须设置为

display:block

而不是

display:inline block

，然后您需要在标题上设置

溢出：隐藏

，以及

文本溢出：省略号

这是一个样品

---

编辑：添加了一个更好的JSFIDLE链接

要使其正常工作，您必须做一些事情。您的标题必须设置为

display:block

而不是

display:inline block

，然后您需要在标题上设置

溢出：隐藏

，以及

文本溢出：省略号

这是一个样品

---

编辑：添加了一个更好的JSFIDLE链接

要使其正常工作，您必须做一些事情。您的标题必须设置为

display:block

而不是

display:inline block

，然后您需要在标题上设置

溢出：隐藏

，以及

文本溢出：省略号

这是一个样品

---

编辑：添加了一个更好的JSFIDLE链接

要使其正常工作，您必须做一些事情。您的标题必须设置为

display:block

而不是

display:inline block

，然后您需要在标题上设置

溢出：隐藏

，以及

文本溢出：省略号

这是一个样品

---

编辑：添加了一个更好的JSFIDLE链接

，如果可能的话，可以创建JSFIDLE来演示这个问题吗？谢谢如果可能的话，可以创建JSFIDLE来演示这个问题吗？谢谢如果可能的话，可以创建JSFIDLE来演示这个问题吗？谢谢如果可能的话，可以创建JSFIDLE来演示这个问题吗？谢谢