请考虑遵循JSFiddle:
您可能会注意到: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中