Question

我从最初打印的文档中获取了一些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属性总是将放在的封闭块中，而不是在边距内。

Answer 1

有几种想法：

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

或者这可能会更好：

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

或者，如果实际段落周围有<p />标记，

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

根据你所拥有的文件，很难确定哪种方法最有效，但这些是一些让你入门的想法。

如何在文本旁边的边缘放置一些东西？

1 个答案: