min-width-2.html (1619B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>Testcase for bug </title> 5 <style type="text/css"> 6 * { 7 color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace; 8 } 9 10 .c { 11 -webkit-column-rule:2px solid blue; 12 -o-column-rule:2px solid blue; 13 -ms-column-rule:2px solid blue; 14 column-rule:2px solid blue; 15 16 -webkit-column-gap:0; 17 -o-column-gap:0; 18 -ms-column-gap:0; 19 column-gap:0; 20 21 height:2.2em; 22 line-height:1em; 23 border:dotted; 24 } 25 26 .col2 { 27 -webkit-column-count:2; 28 -o-column-count:2; 29 -ms-column-count:2; 30 column-count:2; 31 } 32 33 .cw { 34 -webkit-column-width:4em; 35 -o-column-width:4em; 36 -ms-column-width:4em; 37 column-width:4em; 38 } 39 40 .gap { 41 -webkit-column-gap:2em; 42 -o-column-gap:2em; 43 -ms-column-gap:2em; 44 column-gap:2em; 45 } 46 </style> 47 </head> 48 <body> 49 50 51 <div style="width:250px; border:1px solid"> 52 <table cellpadding=0 cellspacing=0><td><div class="c col2 gap">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table> 53 </div> 54 <div style="width:250px; border:1px solid"> 55 <table cellpadding=0 cellspacing=0><td><div class="c col2">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table> 56 </div> 57 58 <div style="width:250px; border:1px solid"> 59 <table cellpadding=0 cellspacing=0><td><div class="c gap cw">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table> 60 </div> 61 62 <div style="width:250px; border:1px solid"> 63 <table cellpadding=0 cellspacing=0><td><div class="c cw">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table> 64 </div> 65 66 </body> 67 </html>