javascript - 使特定字符(或类/ID)成为字符串的中心点

Question

我想将一些文本居中对齐，但不仅仅是通过执行 text-align: center。

我想让一个特定的字符/类/ID 成为中心，而字符串的其余部分被很好地附加和前置。这就是我的意思:

https://jsfiddle.net/6w5Lb6ta/

如您所见，中间的红色 c 稍微居中对齐(我使用 margin-right 来制作这个小示例)。我想说这样的话:

align all the text in the middle, but make the 'anchor point' of the string a specific character/class/ID

这样的事情可行吗？

Answer 1

这可以用一些 jQuery 来完成:

var width = $('#text').width()/2;
var width2 = $('#center').width()/2;
var left = $('#center').offset().left;
$('#text').css('margin-right', (left-width+width2)*2);

https://jsfiddle.net/6w5Lb6ta/7/