Javascript 获取CSS文本对齐样式后文本的相对位置

我在一个元素中对齐了一些文本。我可以通过JavaScript或jQuery获得文本偏移量的像素位置吗

示例如下：

此文本是右对齐的

如果给文本一个包装元素（在

内），可以通过比较包装的

偏移宽度

和

来完成。如果文本是右对齐的，则宽度上的任何差异都必须是左侧的空格

要检查调整窗口大小后的位置，请听窗口上的
resize
事件，如下所示：


//我已经在这个函数中放置了重要的内容
//因此，我可以将其用作事件处理程序
函数updateWidth（）{
//获取文本的宽度（需要换行元素，例如）
var innerWidth=getElement（'inner'）。offsetWidth；
//获取周围的宽度
var outerWidth=getElement（'outer'）。offsetWidth；
//减去以获得左侧的空间量
var leftSpace=外层宽度-内层宽度；
//输出它（因为我没有更好的事情要做）
getElement（'output'）。innerHTML='leftSpace='+leftSpace+'px'；
}
//调整窗口大小时更新空间大小
addEventListener（'resize'，updateWidth）；
//运行该函数一次以显示空间量
//在用户调整窗口大小之前
updateWidth（）
//只是一个实用工具（因为我没有使用jQuery）
函数getElement（id）{
返回文档.getElementById（id）；
};

此文本是右对齐的

如果给文本一个包装元素（在
内），可以通过比较包装的
偏移宽度
和
来完成。如果文本是右对齐的，则宽度上的任何差异都必须是左侧的空格

要检查调整窗口大小后的位置，请听窗口上的
resize
事件，如下所示：


//我已经在这个函数中放置了重要的内容
//因此，我可以将其用作事件处理程序
函数updateWidth（）{
//获取文本的宽度（需要换行元素，例如）
var innerWidth=getElement（'inner'）。offsetWidth；
//获取周围的宽度
var outerWidth=getElement（'outer'）。offsetWidth；
//减去以获得左侧的空间量
var leftSpace=外层宽度-内层宽度；
//输出它（因为我没有更好的事情要做）
getElement（'output'）。innerHTML='leftSpace='+leftSpace+'px'；
}
//调整窗口大小时更新空间大小
addEventListener（'resize'，updateWidth）；
//运行该函数一次以显示空间量
//在用户调整窗口大小之前
updateWidth（）
//只是一个实用工具（因为我没有使用jQuery）
函数getElement（id）{
返回文档.getElementById（id）；
};

此文本是右对齐的