| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta name="viewport" content="width=800"> |
| <style> |
| body { |
| width: 800px; |
| margin: 0; |
| overflow-y: hidden; |
| font-size: 12px; |
| } |
| #description { |
| overflow: clip; |
| width: 600px; |
| height: 3em; |
| } |
| .css-table { |
| display: table; |
| outline: 1px solid black; |
| margin: 1px; |
| } |
| .css-row { |
| display: table-row; |
| } |
| .css-cell { |
| display: table-cell; |
| background-color: honeydew; |
| border: 1px dotted darkgreen; |
| } |
| </style> |
| <script src="../resources/autosizingTest.js"></script> |
| </head> |
| <body> |
| <div id="description"> |
| Table autosizing tests - css-table-lots-of-text-many-cells.html<br/> |
| This test passes if none of the 18 cells are autosized. |
| </div> |
| <div class="css-table"> |
| <div class="css-row"> |
| <div class="css-cell">hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| </div> |
| <div class="css-row"> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| </div> |
| <div class="css-row"> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| <div class="css-cell">hello hello hello hello hello hello hello</div> |
| </div> |
| </div> |
| </body> |
| </html> |