Question

是否可以简化以下CSS表达式？

.table-width-1 {
  width:1%;
}

.table-width-2 {
  width:2%;
}

.table-width-3 {
  width:3%;
}

.table-width-4 {
  width:4%;
}

.table-width-5 {
  width:5%;
}

依此类推，直到100％。

感谢。

Answer 1

不，你不能仅用CSS简化它。但您可以使用一些PHP代码来计算每个类的宽度，如下所示：

<style type="text/css">
    <?php
        for ($i = 1; $i <= 100; $i++) {
            echo '.table-width-'. $i .' { width: '. $table-width .'%; }';
        }
    ?>
</style>

将其放入<head></head>。这会生成100个CSS类，名称为.table-width-1到-100和width: 1%到100%。使得在每个类中添加/更改属性变得非常容易。那是我怎么做的。

简化css表达式

1 个答案: