Layui クイック スタート セクション 2 レイアウト コンテナー (固定幅および全幅)

目次

1: 固定幅

2: 全角

---

1: 固定幅

             グリッドを class="layui-container" 特定のコンテナに配置して、小さな画面上のデバイスの幅を固定し、列を制御可能にします (両側に空白を入れます)。

  <!--固定宽度(两侧有留白效果)-->
    <div className="layui-container" style="background-color:navajowhite;height: 300px">
        固定宽度
    </div>

試験結果：

2: 全角

           コンテナの幅を固定しないでください。グリッドまたは他の要素をコンテナに配置する class="layui-fluid"と、幅は固定されませんが、100% 適応されます。

 <!--完整宽度(占据屏幕的100%)-->
      <div class="layui-fluid" style="background-color:yellow;height: 300px">
          完整宽度
      </div>

試験結果：