Html 如何制作固定高度的引导面板主体

我使用bootstrap的

面板

来显示文本和图像，但是随着文本的增长，面板的主体也会增加。我想知道如何创建具有固定高度的实体，例如10行或最多10行。这是我的密码：

<div class="span4">
  <div class="panel panel-primary">
    <div class="panel-heading">jhdsahfjhdfhs</div>
    <div class="panel-body">fdoinfds sdofjohisdfj</div>
  </div>
</div>

jhdsahfjhdfhs
fdoinfds sdofjohisdfj

您可以在内联

样式

属性中使用

最大高度

，如下所示：

<div class="panel panel-primary">
  <div class="panel-heading">jhdsahfjhdfhs</div>
  <div class="panel-body" style="max-height: 10;">fdoinfds sdofjohisdfj</div>
</div>

要将高度限制为一个固定值，可以使用如下内容

<div class="panel panel-primary">
  <div class="panel-heading">jhdsahfjhdfhs</div>
  <div class="panel-body" style="min-height: 10; max-height: 10;">fdoinfds sdofjohisdfj</div>
</div>

应用样式：

jhdsahfjhdfhs
fdoinfds sdofjohisdfj

---

希望这对您的需要有所帮助。

HTML:

<div class="span4">
  <div class="panel panel-primary">
    <div class="panel-heading">jhdsahfjhdfhs</div>
    <div class="panel-body panel-height">fdoinfds sdofjohisdfj</div>
  </div>
</div>

.panel-height {
  height: 100px; / change according to your requirement/
}

---

请提供一些代码。您可以使用css中的height属性来固定面板的高度@user3500605@JPrakash这是普通代码，没什么特别的。如何使用高度？谢谢，但是Benison的解决方案更好，所以我只能投票给他的答案：）我认为内联样式不受欢迎？在最小化高度之后。我的标题文本被隐藏了。建议解决方案在我的案例中，我必须明确指定单位，为了让浏览器尊重

max height

值，为什么将min height和max height设置为相同的值要比简单的height好？@sunew：因为它们限制了div的范围，因为height只指向确切的值，而没有指定溢出内容的情况

<div class="panel panel-primary">
  <div class="panel-heading">jhdsahfjhdfhs</div>
  <div class="panel-body fixed-panel">fdoinfds sdofjohisdfj</div>
</div>

<div class="span4">
  <div class="panel panel-primary">
    <div class="panel-heading">jhdsahfjhdfhs</div>
    <div class="panel-body panel-height">fdoinfds sdofjohisdfj</div>
  </div>
</div>

.panel-height {
  height: 100px; / change according to your requirement/
}