| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
| 5 <style> | 5 <style> |
| 6 .resultsDiv { | 6 .resultsDiv { |
| 7 position: absolute; | 7 position: absolute; |
| 8 top: 0px; | 8 top: 0px; |
| 9 left: 0px; | 9 left: 0px; |
| 10 -moz-column-width: 13em; | 10 -moz-column-width: 13em; |
| 11 -webkit-column-width: 13em; | |
| 12 -moz-column-gap: 5em; | 11 -moz-column-gap: 5em; |
| 12 -webkit-columns:1 1px; /* Make as many (overflowing) columns as necessary, b
ut keep them as narrow as possible */ |
| 13 -webkit-column-gap: 5em; | 13 -webkit-column-gap: 5em; |
| 14 -webkit-column-fill: auto; |
| 15 columns:1 1px; |
| 16 column-gap: 5em; |
| 17 column-fill: auto; |
| 14 height: 400px; | 18 height: 400px; |
| 15 } | 19 } |
| 16 </style> | 20 </style> |
| 17 </head> | 21 </head> |
| 18 <body> | 22 <body> |
| 19 <div>This table shows unicode-bidi: isolate behavior (in red) with display: inli
ne-block behavior overlapping in green. You should see no red in this test! Be
havior between these two methods should be identical for non-wrapping strings, a
ssuming unicode-bidi: isolate is implemented and functioning correctly.</div> | 23 <div>This table shows unicode-bidi: isolate behavior (in red) with display: inli
ne-block behavior overlapping in green. You should see no red in this test! Be
havior between these two methods should be identical for non-wrapping strings, a
ssuming unicode-bidi: isolate is implemented and functioning correctly.</div> |
| 20 | 24 |
| 21 <div id="resultsContainer" style="position: relative"> | 25 <div id="resultsContainer" style="position: relative"> |
| 22 <div id="actual" style="color: red" class="resultsDiv"></div> | 26 <div id="actual" style="color: red" class="resultsDiv"></div> |
| 23 <div id="expected" style="color: green;" class="resultsDiv"></div> | 27 <div id="expected" style="color: green;" class="resultsDiv"></div> |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 } | 70 } |
| 67 } | 71 } |
| 68 } | 72 } |
| 69 } | 73 } |
| 70 } | 74 } |
| 71 | 75 |
| 72 </script> | 76 </script> |
| 73 </table> | 77 </table> |
| 74 </body> | 78 </body> |
| 75 </html> | 79 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 23763002:
Improve multicol preferred/intrinsic width calculation. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master