easyUI layout west easy面板展开箭头按钮调整到垂直居中

  easyUI layout west easy面板展开箭头按钮默认在标题那列,如何调整到中间位置,如下图所示

easyUI layout展开箭头默认效果
easyUI layout展开箭头默认效果
easyUI layout展开箭头修改后效果
easyUI layout展开箭头修改后效果

  示例居于easyui/jquery-easyui-1.4.4/demo/layout/full.html修改,其他版本自己浏览器调试工具看展开后对应的样式类名称。

  easyUI layout west easy面板展开箭头按钮调整到中间,重写下easyui layout的箭头样式即可,如下

	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
    <style>/*重写easyUI layout west和east面板展开箭头到垂直居中*/
        .layout-expand-west .panel-tool,.layout-expand-east .panel-tool{position:absolute;left:2px;top:50%;margin-top:-8px}/*展开箭头*/
        .layout-expand-west .panel-header,.layout-expand-east .panel-header{overflow:auto;position:static}
    </style>

 


原创文章,转载请注明出处:easyUI layout west easy面板展开箭头按钮调整到垂直居中

评论(0)Web开发网
阅读(280)喜欢(0)不喜欢(0)easyui