诗语待马

关于layui table 单元格内内容的换行显示，包括文字、元素块等。网上也提供了一些解决方案，博主也尝试过这些解决方法，但都不尽善美。于是决定好好研究一下这里面的样式问题。

layui前端框架以其便利易上手且拥有众多插件著称。今天准备对layui的弹框做一个外观美化。

layui所提供的数据表格简洁大方，虽然没有像bootstrap table提供了丰富的操作数据的api，但一般情景均可使用。此处不做功能的对比，只做一个简单的table外观的美化。

layui form表单的中，有一个清空该form中所有组件值的按钮。只需将button的type="reset"设置后点击即可实现。但该功能也有一个弊端，如果你在使用需要额外渲染的组件时，比如下拉多选框，在重置值后，多选就会变成单选，在这里提供一个思路去解决这个问题。

layui的字体图标库提供了丰富的字体图标，其中还有动态的loading图，但如果按照添加其他图标一样将class样式复制到按钮上，却发现loading图并不会旋转。

用过layui table的都了解，layui的表格自带导出功能，只要在属性toolbar里配置即可。如果嫌toolbar里的导出按钮不够美观，layui也友好的提供了自行定义按钮后调用导出页面数据的方法，详见：[官方文档]`遗憾的`是该方法暂时并不支持对多层表头的导出。而多层复杂表头在很多系统中都有体现，而若不想通过后台代码去做导出，只在前端页面上该如何做呢？

Layui.form中使用class="layui-input-inline"就可轻松将元素都放到一行，但如果元素过多，就会自动换行。那就需要手动设置input框的长度。像这种情况：其实只需要添加css样式就可修改了.layui-form-item .layui-input-inline { width: 195px;}tips:需要注意的是，样式里的选择器不能直接...