较少的负变量

时间:2013-02-16 23:29:48

标签: css less

LESS的新功能,我试图使用以下内容对div进行居中:

#form_block {
    display: block;
    position: absolute;
    @width: 800px;
    @height: 500px;
    width: @width;
    height: @height;
    top: 50%;
    left: 50%;
    margin-left: -@width/2 px;
    margin-top: -250px;

似乎margin-top设置正确,因为尺寸明确存在。但是无论我怎么努力(即 - (@宽度), - 1 * @width等),我似乎无法承担变量的负面影响。任何想法?这可能只是一个愚蠢的错误。

1 个答案:

答案 0 :(得分:14)

我今天早些时候遇到了同样的问题(使用lessphp)。尝试:

margin-left: -(@width/2);

(不含px

你还应该对值进行四舍五入:

margin-left: -(round(@width/2));