jQuery EasyUI 用 body 做layout并且定宽居中时，绝对层定位居中问题

最新推荐文章于 2022-07-22 17:22:14 发布

counterm

最新推荐文章于 2022-07-22 17:22:14 发布

阅读量1w

点赞数

分类专栏： Web Js

本文链接：https://blog.csdn.net/counterm/article/details/8898810

版权

在使用jQuery EasyUI 1.3.2和1.3.3版本的layout功能时，遇到表单验证和messager组件不居中的问题。文章探讨了布局偏离的状况，特别关注在将body设为layout且需要定宽居中时，如何处理绝对层定位以实现元素的正确居中显示。

摘要由CSDN通过智能技术生成

版本 1.3.2,1.3.3

我在应用jQuery EasyUI的 layout 的时候遇到了表单验证定位偏离的问题。

原因是我采用了限制宽度，不限制高度的 layout 模式，
就是把全屏的 layout，限制了宽度，然后body居中。
错位如下图。

这是提示信息条的html及css

.validatebox-tip {
	position: absolute;
	width: 200px;
	height: auto;
	display: none;
	z-index: 9900000;
}
<div class="validatebox-tip" style="display: block; top: 206px; left: 685px;">
	<span class="validatebox-tip-content">这是必填的项目。</span>
	<span class="validatebox-tip-pointer" style="top: 3px;"></span>
</div>

看得到left现在是685px，而这个数值经过查找是从_3ac函数中判断得来的。

1.3.2
判断函数_3ac