# 垂直分割 ## 6.5.2.垂直分割 ~~~ <div class="layui-fluid"> <div class="layui-card"> <div class="layui-card-body" style="padding: 0;"> <div class="split-group-vertical" style="height: 500px;"> <div class="split-item" id="demoSplit3"> 面板一 </div> <div class="split-item" id="demoSplit4"> 面板二 </div> </div> </div> </div> </div> <script> layui.use(['Split'], function () { var $ = layui.jquery; var Split = layui.Split; // 垂直分割 Split(['#demoSplit3', '#demoSplit4'], {direction: 'vertical'}); }); </script> ~~~