如何获取某个元素右侧到另一个元素的偏移量？

Question

FI在div内有一些文本，

<div>
<p style="text-indent: 0">something</p>
</div>

一些文本在div之内

     |-----------------------|
     |                       |
     |something              |
     |                       |
     |                       |
     |-----------------------|

如何获取g到div左侧的偏移量？以上应该是积极的事情

和

    <div>
    <p style="text-indent: -100px">something</p>
    </div>

看起来像

             |-----------------------|
             |                       |
   something |                       |
             |                       |
             |                       |
             |-----------------------|

如何获取g到div左侧的偏移量？上面应该是负面的

Answer 1

您可以使用position:relative将p从当前位置移到div的左侧：

<div>
  <p style="position:relative;left:-100px;">something</p>
</div>

这是一个简单的示例：https://jsfiddle.net/as1m860v/

Answer 2

如果您的“东西”要动态变化或具有可变宽度，则以下修改可以产生所需的结果。

HTML

<div>
    <p id="ToIndent">something</p>
</div>

JavaScript

const dom = document.querySelector('#ToIndent');
dom.style.textIndent = `-${dom.offsetWidth}px`;

或者；

HTML

<div>
    <p id="ToIndent" style="position: relative;" >something</p>
</div>

JavaScript

const dom = document.querySelector('#ToIndent');
dom.style.left= `-${dom.offsetWidth}px`;