一次在css中使用两个值

时间:2013-11-13 20:01:54

标签: css

好的,主页上我网站的主要部分需要是目前的-5px, 目前我正在使用

margin-left: auto;

对齐它,但我需要它也是-5px,这不会起作用:

margin-left: auto -5px;

不会工作,我如何实现我希望在这里实现的目标? 我的意思是:它需要自动减去5px所以它通常是自动的,但是5px向后,如果这是有道理的。

3 个答案:

答案 0 :(得分:3)

#div {
    margin: auto;
    position: relative;
    left: 5px;
}

答案 1 :(得分:1)

也许缺少一些额外的上下文,但似乎这与在右边添加5px边距相同:

http://jsfiddle.net/QEVq7/1/

div {
    margin-left: auto;
    margin-right: 5px;
}

“自动”将自动调整为右边距的变化,并将元素5px向左移动。

答案 2 :(得分:0)

你无法自动 - 5px'遗憾地用CSS

如果您的目标是使用纯CSS,那么您有两种选择IMO: 根据具体情况,你可以使用绝对的'或者“亲戚”定位并输入右或左的值或者您可以手动输入左边距像素数。 否则你有两个选择;你可以在JS中计算和改变它,这远非理想,因为它在你的主页上并且很乱。如果失败,您可以使用编译为CSS的语言,例如CoffeeScript(http://coffeescript.org/

祝你好运!