javascript - 如何计算文本对齐中左边框和文本开头之间的间距: centered div?

Question

<div style='text-align: center; width: 300px'>test me</div>

所以我需要一个从左侧到div中字符串的第一个字母的margin-left px？

Answer 1

计算字符与其容器之间距离的唯一方法是在文本前添加内联元素，然后从占位符中减去父元素的左侧偏移量(使用 .offset() )。

示例(演示:http://jsfiddle.net/LM8xL/ )

HTML:

<div id="some-div" style='text-align: center; width: 300px'>test me</div>

JavaScript:

var $elem = $("#some-div"),     // Select element
    $placeholder = $("<span>"); // Create inline placeholder
$elem.prepend($placeholder);    // Add placeholder before its contents

// Calculate distance
var distance = $placeholder.offset().left - $elem.offset().left;
$placeholder.remove();          // Remove placeholder
alert(distance);                // Example: Display result