0

如果以一种生成动态css样式的方式转换以下内容..在CSS中，只有边距不同，我该如何转换。它实际上是对运行时打印的列标题的检测。任何更好的实施或想法将不胜感激。例如。动态计算： $string = 12 和 $string1 = 23 那么标题应该在第二个列标题上

以下循环采用样式 id，是否也可以运行动态 CSS ..

for ($x=0,$y=1; $x<20,$y<20; $x++, $y++)
if ($string == $x && $string1==$y) $style="s".($x-3).$y;

以下是 if 的：

if ($string == 1 && $string1==2) $style="s12"; 
if ($string == 2 && $string1==3) $style="s13"; 
if ($string == 3 && $string1==4) $style="s14"; 
if ($string == 4 && $string1==5) $style="s15"; 
if ($string == 5 && $string1==6) $style="s16"; 
if ($string == 6 && $string1==7) $style="s17"; 
if ($string == 7 && $string1==8) $style="s18"; 
if ($string == 8 && $string1==9) $style="s19"; 
if ($string == 9 && $string1==10) $style="s20"; 
if ($string == 10 && $string1==11) $style="s21"; 
if ($string == 11 && $string1==12) $style="s22"; 
if ($string == 12 && $string1==13) $style="s23"; 
if ($string == 13 && $string1==14) $style="s24"; 
if ($string == 14 && $string1==15) $style="s25"; 
if ($string == 15 && $string1==16) $style="s26"; 
if ($string == 16 && $string1==17) $style="s27"; 


.s12{ text-align: left;padding-left: 60px; border: solid 1px #CCCCCC;  margin: 10px 780px 0px 90px; }
.s13{ text-align: left;padding-left: 60px; border: solid 1px #CCCCCC;  margin: 10px 680px 0px 190px; }
.s14{ text-align: left;padding-left: 60px; border: solid 1px #CCCCCC;  margin: 10px 580px 0px 285px; }
.s15{ text-align: left;padding-left: 60px; border: solid 1px #CCCCCC;  margin: 10px 480px 0px 380px; }
.s16{ text-align: left;padding-left: 60px; border: solid 1px #CCCCCC;  margin: 10px 380px 0px 95px; }
.s17{ text-align: left;padding-left: 60px; border: solid 1px #CCCCCC;  margin: 10px 280px 0px 95px; }
.s18{ text-align: left;padding-left: 60px; border: solid 1px #CCCCCC;  margin: 10px 180px 0px 95px; }
.s19{ text-align: left;padding-left: 60px; border: solid 1px #CCCCCC;  margin: 10px 80px 0px 95px; }
4

0 回答 0