html – Bootstrap：CSS – list-group-item的高度

发布时间：2020-12-14 19:30:38 所属栏目：资源来源：网络整理

导读：请考虑遵循JSFiddle： http://jsfiddle.net/7W2r4/12/ 您可能会注意到：list-group-item已完全折叠.我似乎无法使自动调整. (例如height：auto;) 但是当我提供css规则：height：20px时,行大小被调整. 如何使列表组项目的高度根据内容大小进行调整？感谢您的

请考虑遵循JSFiddle：

http://jsfiddle.net/7W2r4/12/

您可能会注意到：list-group-item已完全折叠.我似乎无法使自动调整. (例如height：auto;)

但是当我提供css规则：height：20px时,行大小被调整.
如何使列表组项目的高度根据内容大小进行调整？

感谢您的时间.

解决方法

如果您需要在项目中保留浮点数,则可以将overflow：hidden或其他“clear-fix”代码添加到list-group-item.浮子总是引起浮动物品高度的问题.清除它们或设置溢出将强制计算高度.有关更多信息,请参阅 CSS: Floating divs have 0 height.

.list-group-item
{
  overflow:hidden;  
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

由于您使用的是Bootstrap,您可以将class =“clearfix”添加到list-group-items的HTML中

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!