1 
.v-centered (@height,@width) {
    width: @width;
    height: @height;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: (@height / 2)px 0 0 (@width / 2)px;
}

物事を垂直方向に中央揃えするための LESS mixin を作成しようとしています (非行の高さの方法) - そして、この LESS mixin は機能しません。自分のmargin: (@height / 2)px 0 0 (@width / 2)px;行に関係しているように感じますが、構文のどこが間違っているのかわかりません。どんな助けでも感謝します。

4

1 に答える 1

2

それはあなたがそれをどのように使用しているかによって異なります。現在、コードは幅と高さが単位なしで渡されることを前提としていますがwidth、heightプロパティもプロパティのように単位を追加しませんmargin。

また、正しく中央に配置するには、マージンを無効にする必要があります。

.v-centered (@height, @width) {
    width: @width;
    height: @height;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -(@height / 2) 0 0 -(@width / 2);
}

DEMO

于 2013-08-16T11:38:07.393 に答える