代码之家  ›  专栏  ›  技术社区  ›  Jason Orendorff Oliver

如何在文本旁边的空白处放置内容?

  •  1
  • Jason Orendorff Oliver  · 技术社区  · 15 年前

    我有一些从最初打印的文档中提取的HTML。它有一些页码:

    <span class="page">42</span>
    

    散布在原始文档有分页符的段落中间(没有语义上的原因,只是因为页面的结尾正好落下)。

    现在我把它们藏起来了。但我想把页码浮到文本的左边或右边。可能是这样的:

        ...
        random text. It has roots in a piece of classical Latin
        literature from 45 BC, making it over 2000 years old.
        Richard McClintock, a Latin professor at Hampden-Sydney      42
        College in Virginia, looked up one of the more obscure
        ...
    

    用jquery并不难,但是我能用简单的旧CSS实现这种效果吗?它看起来像CSS float 财产总是放东西 里面 封闭块,不在页边。

    1 回复  |  直到 15 年前
        1
  •  2
  •   Domenic    15 年前

    有两种方法让我想到:

    .page
    {
        float: right;
        margin-left: 100px;
    }
    

    或者这可能会更好:

    .page
    {
        float: right;
        margin-right: -100px;
    }
    

    或者,如果有 <p /> 围绕实际段落的标签,

    p
    {
        position: relative;
    }
    .page
    {
        position: absolute;
        right: -100px;
        top: 0;
    }
    

    很难确定哪种方法最有效,因为您有文档,但这是一些让您开始的想法。