是否可以简化以下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％。
谢谢。
不，您不能仅凭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%。也使在每个单独的类中添加/更改属性变得超级容易。我就是那样做的。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句