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

前端之家收集整理的这篇文章主要介绍了html – Bootstrap:CSS – list-group-item的高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
请考虑遵循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中

原文链接:https://www.f2er.com/html/224420.html

猜你在找的HTML相关文章