Home Explore Help
Sign In
khronosschoty
/
palemoon-dev
Watch 2
Star 1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: ac60e7ecec
Branches Tags
palemoon-dev
/
platform
/
layout
/
reftests
/
columns
/
min-width-2.html

min-width-2.html 1.7 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 
  1. <!DOCTYPE HTML>
    2. 

  2. <html><head>
    3. 

  3.     <meta charset="utf-8">
    4. 

  4.     <title>Testcase for bug </title>
    5. 

  5.     <style type="text/css">
    6. 

  6. * {
    7. 

  7.     color:black; background:none; font-size:16px; padding:0; margin:0; font-family:monospace;
    8. 

  8. }
    9. 

  9. 

  10. .c {
    11. 

  11.   -moz-column-rule:2px solid blue;
    12. 

  12.   -webkit-column-rule:2px solid blue;
    13. 

  13.   -o-column-rule:2px solid blue;
    14. 

  14.   -ms-column-rule:2px solid blue;
    15. 

  15.   column-rule:2px solid blue;
    16. 

  16. 

  17.   -moz-column-gap:0;
    18. 

  18.   -webkit-column-gap:0;
    19. 

  19.   -o-column-gap:0;
    20. 

  20.   -ms-column-gap:0;
    21. 

  21.   column-gap:0;
    22. 

  22. 

  23.   height:2.2em;
    24. 

  24.   line-height:1em;
    25. 

  25.   border:dotted;
    26. 

  26. }
    27. 

  27. 

  28. .col2 {
    29. 

  29.   -moz-column-count:2;
    30. 

  30.   -webkit-column-count:2;
    31. 

  31.   -o-column-count:2;
    32. 

  32.   -ms-column-count:2;
    33. 

  33.   column-count:2;
    34. 

  34. }
    35. 

  35. 

  36. .cw {
    37. 

  37.   -moz-column-width:4em;
    38. 

  38.   -webkit-column-width:4em;
    39. 

  39.   -o-column-width:4em;
    40. 

  40.   -ms-column-width:4em;
    41. 

  41.   column-width:4em;
    42. 

  42. }
    43. 

  43. 

  44. .gap {
    45. 

  45.   -moz-column-gap:2em;
    46. 

  46.   -webkit-column-gap:2em;
    47. 

  47.   -o-column-gap:2em;
    48. 

  48.   -ms-column-gap:2em;
    49. 

  49.   column-gap:2em;
    50. 

  50. }
    51. 

  51.     </style>
    52. 

  52. </head>
    53. 

  53. <body>
    54. 

  54. 

  55. 

  56. <div style="width:250px; border:1px solid">
    57. 

  57. <table cellpadding=0 cellspacing=0><td><div class="c col2 gap">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>
    58. 

  58. </div>
    59. 

  59. <div style="width:250px; border:1px solid">
    60. 

  60. <table cellpadding=0 cellspacing=0><td><div class="c col2">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>
    61. 

  61. </div>
    62. 

  62. 

  63. <div style="width:250px; border:1px solid">
    64. 

  64. <table cellpadding=0 cellspacing=0><td><div class="c gap cw">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>
    65. 

  65. </div>
    66. 

  66. 

  67. <div style="width:250px; border:1px solid">
    68. 

  68. <table cellpadding=0 cellspacing=0><td><div class="c cw">xxxx xxxx xxxx xxxx</div></td><td width="10000">xxxxxxxxxxxxxxxxxxxxxxxxx</table>
    69. 

  69. </div>
    70. 

  70. 

  71. </body>
    72. 

  72. </html>
    73. 

  73. 

  74. 

  75.