Back to Layui

Align

docs/dropdown/examples/align.md

2.13.61.0 KB
Original Source
<div class="layui-btn-container"> <button class="layui-btn layui-btn-primary demo-dropdown-align" lay-options="{}"> 左对齐 <i class="layui-icon layui-icon-down layui-font-12"></i> </button> <button class="layui-btn layui-btn-primary demo-dropdown-align" lay-options="{align: 'center'}"> 居中对齐 <i class="layui-icon layui-icon-down layui-font-12"></i> </button> <button class="layui-btn layui-btn-primary demo-dropdown-align" lay-options="{align: 'right'}"> 右对齐 <i class="layui-icon layui-icon-down layui-font-12"></i> </button> </div> <!-- import layui --> <script> layui.use(function(){ var dropdown = layui.dropdown; // 水平对齐方式 dropdown.render({ elem: '.demo-dropdown-align', // align: 'center' // align 已配置在元素 `lay-options` 属性上 data: [{ title: 'menu item test 111', id: 100 },{ title: 'menu item test 222', id: 101 },{ title: 'menu item test 333', id: 102 }] }); }); </script>