javascript - 如何使用javascript验证标签或元素是否在网页上居中对齐

Question

为了验证元素是否居中对齐，我试图获取元素的 CSS 属性/值。我完全是 javascript 的新手，所以我想寻求你的帮助来获取 css 属性，以便使用 javascript 验证文本对齐。

Answer 1

如果你的意思是垂直对齐 - 你不能，在表格之外不存在这样的东西。

如果你想获得水平对齐，你可以使用'text-align'。

document.getElementById('idOfElement').style.textAlign将返回对齐方式'left'、'right'、'center'、'justify'等。

使用 jQuery 更简单： $('#idOfElement').css('text-align');将返回相同的结果。但是要让 jQuery 工作，您需要在此处包含脚本

Answer 2

看看jQuery offset()

获取第一个元素的当前坐标，或设置匹配元素集中每个元素相对于文档的坐标。

.offset() 方法允许我们检索元素相对于文档的当前位置。将此与 .position() 进行对比，后者检索相对于偏移父级的当前位置。当将新元素放置在现有元素之上以进行全局操作（特别是用于实现拖放）时，.offset() 更有用。

结合找到的文档

• 如何获得元素的正确偏移量？- jQuery
• 从jquery获取偏移值
• 获取元素的底部和右侧位置

您将能够实现验证元素是否对齐（定位）中心的目标。

对于使用 javascript 验证文本对齐的另一点：

if ($('#yourElement').css('text-align') == 'center')
{
   // true
}

继续