您当前的位置:首页 > bootstrap > bootstrap4知识

bootstrap4知识-bootstrap4高度

时间:2020-10-29 00:20:08    来源:    作者:
<p>元素上使用 h-* 类 (.h-25, .h-50, .h-75, .h-100, .mh-100) 来设置高度:</p>
   <div style="height:200px;background-color:#ddd">
    <div class="h-25 d-inline-block p-2 bg-warning">高度 25%</div>
    <div class="h-50 d-inline-block p-2 bg-warning">高度 50%</div>
     <div class="h-75 d-inline-block p-2 bg-warning">高度 75%</div>
     <div class="h-100 d-inline-block p-2 bg-warning">高度 100%</div>
    <div class="mh-100 d-inline-block p-2 bg-warning" style="height:500px">最大高度 100%</div>
</div>
推荐资讯