Question

我有一个项目菜单需要以下列方式显示其价格：

ITEM...................120

（这些点只是为了显示两者之间的间距而不会出现在代码中）

到目前为止我所做的是创建一个div width:200px我已放置文字。

但是，我想知道是否有可能将价格坚持到合适的边缘？我已经尝试了padding-left: X px;，但是我有一个包含100多个菜单项的列表，每个菜单项都有任意长度的字符，这反过来会改变每个价格元素的填充，并且更改每个元素的填充是相当麻烦的。

谢谢！

Answer 1

您可以合并position: absolute和position: relative。

使用以下CSS：

.abc{
    width:200px;
    background:#ccc;
}
    .abc h5 {
        position: relative;
    }
        .abc h5 span {
            position: absolute;
            right: 0;
        }

jsFiddle Demo

或者，您可以在float: right上使用<span>：

.abc h5 span {
    float: right
}

jsFiddle Demo 2

将文本元素粘贴到div的右边

1 个答案: