r1297 vs r1298
1
{{{#!if x = "200px", y = "200px",L = x / 10, C = x - L * 2
2
{{{#!wiki style="width:@x@;height:@y@;overflow:show"
3
{{{#!wiki style="display:inline-block;width:@L@px;height:100%;background:#fff"
4
{{{#!wiki style="width:@L@px;height:@L@px;background:green"
5
}}}{{{#!wiki style="width:@L@px;height:@C@px;background:blue"
6
}}}{{{#!wiki style="width:@L@px;height:@L@px;background:green"
7
}}}}}}{{{#!wiki style="display:inline-block;width:@C@px;height:100%;background:red"
8
{{{#!wiki style="width:100%;height:@L@px;background:cyan"
9
}}}{{{#!wiki style="width:100%;height:@C@px;background:magenta"
10
}}}{{{#!wiki style="width:100%;height:@L@px;background:cyan"
11
}}}}}}{{{#!wiki style="display:inline-block;width:@L@px;height:100%;background:#fff"
12
{{{#!wiki style="width:@L@px;height:@L@px;background:green"
13
}}}{{{#!wiki style="width:@L@px;height:@C@px;background:blue"
14
}}}{{{#!wiki style="width:@L@px;height:@L@px;background:green"
15
}}}}}}
116
217
18
}}}
19
}}}
320
421
522
6
{{{#!if x = "150px", y = "150px", xins = x * 2, yins = y * 2
23
24
25
26
27
28
29
30
31
32
33
{{{#!if x = "150px", y = "150px", ins = "2", xins = x * ins, yins = y * ins
734
{{{#!wiki style="border:1px solid gray;width:@x@;height:@y@;overflow:show"
8
9
{{{#!wiki style="margin:0% 0%;width:@xins@px;height:@yins@px;border:1px solid red"
35
{{{#!wiki style="margin: -50% -50%;width:@xins@px;height:@yins@px;border:1px solid red"
1036
{{{#!wiki style="display:inline-block;width:calc(100% / 3);height:100%;border:1px solid blue"
1137
{{{#!wiki style="width:100%;height:calc(100% / 3);border:1px solid green"
1238
}}}{{{#!wiki style="width:100%;height:calc(100% / 3);border:1px solid green"
......