Question

我想问一个最容易找到的查询。我正在利用jQuery将margin-left或padding应用于：

margin: 0px 0px 0px 156px

我需要将所有动态内容转移到窗口的特定像素值。（我有一个窗口大小的计算值说160px）动态内容将包含以下属性：

padding-left: 2px;
text-align: right;
font-size: 91%;
font-weight: bold;

问题：如果内容包含1个字母（比如'A'），它需要距离左边156px，此后我看到另一个字母是否说'B'来了它需要另外8个像素所以左移需要有148个像素。但是如果内容是小写字母，那么再次更难以说明应该提供多少像素值以满足要求。此外，如果我放置'I'字母，那么大约需要4个像素。

以上似乎不可行，因为不同的字符有不同的间距关联。

我需要实现动态内容从左边放置160px全部对齐（以及左边虚构的160px）。

如果不是jQuery或Java Script，你可以告诉我是否可以通过CSS完成吗？

修改

一些HTML内容：

我希望对齐来自包含iFrame内容的主页面，如下所示：

<iframe 
    frameborder="no" 
    height="200px" 
    id="06690000002ravz" 
    marginheight="0" 
    marginwidth="0" 
    name="06690000002ravz" 
    scrolling="no" 
    title="Rule1" 
    width="100%">

    <label id="j_id0:j_id2:j_id3:theField" class="labelCol">
        abcX
    </label>

</iframe>

abcX 是我在主页上收到的动态内容。

每次收到此内容时，内容都会自动对齐。

PS：它们之间没有通信（因为它们不是来自同一个域）。意思是，我无法获取document.parent.getElementById来获取窗口的任何外部元素或大小等。

转移HTML内容

0 个答案: