火狐对 min-height 的支持

时间：2022-11-13 15:29:43

 

代码：

<!DOCTYPE html>
<style>
  .com-center-banner {
    background: #f00;
  }

  .com-center-banner .container {
    display: table;
    min-height: 334px;
  }

  .com-center-banner .container .center-banner-text {
    display: table-cell;
    vertical-align: middle;
  }

  .com-center-banner .container .center-banner-text span {
    max-width: 520px;
    display: inline-block;
  }
</style>
<div class="com-center-banner">
  <div class="container">
    <div class="center-banner-text">
      <span>text texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext texttext text</span>
    </div>
  </div>
</div>

 

 

 

火狐对 min-height 的支持

 

标签：

相关文章