Question

我有这样的事情：

<li class="active">
  <span class="col-sm-10" style="padding-left:0px!important;padding-right:0px!important;word-wrap:break-word;">
  <a style=""> 123456789012345678901234567890</a>
</span>

当li内的文本溢出其框并包裹到下一行时，我无法让a类调整其高度。有没有办法做到这一点？

Answer 1

＆＃34;自动换行：break-word;＆＃34;您添加的属性完全符合您的要求。

我相信你在这里遇到Bootstrap的问题。班级＆＃34; col-sm-10＆＃34;将添加一个＆＃34; float：left＆＃34;在你的元素上，它会阻止你利用这个元素的孩子的自动高度。

我认为你应该删除这个类（这将是更好的选择）。

如果由于某种原因你不能这样做，你可以尝试通过添加一个浮点数来覆盖Bootstrap的行为：none！important;在您的内联样式标记中。

编辑：我做了一支快笔（回答后我有点怀疑;）），http://codepen.io/tclauzier/pen/jAZrjQ 如果删除

，li元素将获取span的元素高度

col-sm-10

分类或添加

float: none!important;

覆盖。

如何使用css中的自动换行调整元素的父级？

1 个答案: