1.css样式定义:
div .btn-separator { float: left; height: 24px; border-left: 1px solid LightGrey; border-right: 0px solid LightGrey; margin: 1px 1px; }
2.html中需编写的代码:
<td><div class="btn-separator"></div></td>
3.源文件参照:
<div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" style="width:400px;height:200px;padding:10px" data-options=" iconCls: 'icon-save', toolbar: '#dlg-toolbar' "> The dialog content. </div> <div id="dlg-toolbar"> <table cellpadding="0" cellspacing="0"> <tr> <td> <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">Edit</a> </td> <td><div class="btn-separator"></div></td> <td> <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-help',plain:true">Help</a> </td> </tr> </table> </div>
效果截图: