html - calc 内で width を使用する

Question

私はこのようなことをしようとしています:

.my-style {
    width: 50px;
    margin-left: calc(50% - calc(width / 2));
}

後で幅を 90px に変更し、それに応じて余白を大きくしたいと考えています。
うまくいきません。出来ますか？

Answer 1

標準の CSS ではそのようなことはできません。LESSなどの代替手段を検討する必要があります。

編集: 私は間違っていました。calc() 内で var() を使用する場合、CSS3 はこれをサポートします。

.my-style {
    width: 50px;
    margin-left: calc(50% - (var(width) / 2));
}

やるべきだと思います。