easyui menubutton和menu对齐

最新推荐文章于 2024-04-08 08:50:19 发布

youshigay

最新推荐文章于 2024-04-08 08:50:19 发布

阅读量1.3k

点赞数

分类专栏： yii jquery 文章标签： easyui menu menubutton

本文链接：https://blog.youkuaiyun.com/youshigay/article/details/46636281

版权

yii jquery 专栏收录该内容

3 篇文章

订阅专栏

我把easyui的menubutton放在layout中，却出现了菜单和菜单按钮并不对齐，但是不放在布局中，却是对齐的，实在是想不通。

在easyui 1.4.2中找到为menuAlign的属性，有两个参数’left‘和’right‘，默认为’left‘，把menuAlign改为’right‘，菜单和菜单按钮靠近了些，但是仍然不对齐，想不通想不通。

           <div class="easyui-panel" style="padding:10px;background-color: #145ccd;">
                <span style="margin-left: 780px"><a href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit',menuAlign:'right'">部门</a>
                    <a href="#" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-man',menuAlign:'right'">cocaradm</a></span>
            </div>
            <div id="mm1" style="width:150px;">
		<div>市场部</div>
		<div>销售部</div>
            </div>
            <div id="mm2" style="width: 150px">
                <div>我的资料</div>
                <div>修改密码</div>
                <div class="menu-sep"></div>
                <div data-options="iconCls:'icon-back'">退出登录</div>
            </div>
        </div>