0

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

margin: 0px 0px 0px 156px

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

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

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

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

我需要实现将动态内容放置在距离左侧 160 像素的位置，全部对齐（以及从左侧想象的 160 像素）。

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

编辑：

一些 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 来获取任何外部元素或窗口大小等。

4

0 回答 0