| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 body { overflow: hidden; } /* Disable auto-scrollbars, to hide crbug.com/534
751 */ |
| 3 .mc { -webkit-columns:2; -webkit-column-gap:20px; column-fill:auto; overflow
:hidden; width:520px; height:80px; font-size:12px; line-height:20px; background:
#ddd; } | 4 .mc { -webkit-columns:2; -webkit-column-gap:20px; column-fill:auto; overflow
:hidden; width:520px; height:80px; font-size:12px; line-height:20px; background:
#ddd; } |
| 4 table { border-spacing:5px; } | 5 table { border-spacing:5px; } |
| 5 td:first-child { width:30px; } | 6 td:first-child { width:30px; } |
| 6 td { padding:5px; } | 7 td { padding:5px; } |
| 7 .mc span { font-size:2em; line-height:30px; } | 8 .mc span { font-size:2em; line-height:30px; } |
| 8 </style> | 9 </style> |
| 9 | 10 |
| 10 <p>The big text should be in the first column, and baseline-aligned with the lin
e in its neighbor cell on the left:</p> | 11 <p>The big text should be in the first column, and baseline-aligned with the lin
e in its neighbor cell on the left:</p> |
| 11 <div class="mc"> | 12 <div class="mc"> |
| 12 <table> | 13 <table> |
| (...skipping 68 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 81 line<br> | 82 line<br> |
| 82 line<br> | 83 line<br> |
| 83 line<br> | 84 line<br> |
| 84 </td> | 85 </td> |
| 85 <td> | 86 <td> |
| 86 <span>2nd column</span> | 87 <span>2nd column</span> |
| 87 </td> | 88 </td> |
| 88 </tr> | 89 </tr> |
| 89 </table> | 90 </table> |
| 90 </div> | 91 </div> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1429903003:
Always lay out the flow thread when the multicol container is laid out. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master