| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 svg { | 3 svg { |
| 4 width: 20px; | 4 width: 20px; |
| 5 height: 20px; | 5 height: 20px; |
| 6 background: green; | 6 background: green; |
| 7 } | 7 } |
| 8 | 8 |
| 9 .table { display: table } | 9 .table { display: table } |
| 10 | 10 |
| 11 #t1 { display: inline } | 11 #t1 { display: inline } |
| 12 #t2 { display: block; } | 12 #t2 { display: block; } |
| 13 #t3 { display: inline-block; } | 13 #t3 { display: inline-block; } |
| 14 #t4 { display: inline-table; } | 14 #t4 { display: inline-table; } |
| 15 #t5 { display: table; } | 15 #t5 { display: table; } |
| 16 #t6 { display: table-cell; } | 16 #t6 { display: table-cell; } |
| 17 #t7, #t8 { display: contents; } |
| 17 </style> | 18 </style> |
| 18 <svg id="t1"></svg> | 19 <svg id="t1"></svg> |
| 19 <svg id="t2"></svg> | 20 <svg id="t2"></svg> |
| 20 <svg id="t3"></svg> | 21 <svg id="t3"></svg> |
| 21 <svg id="t4"></svg> | 22 <svg id="t4"></svg> |
| 22 <svg id="t5"></svg> | 23 <svg id="t5"></svg> |
| 23 <div class="table"> | 24 <div class="table"> |
| 24 | 25 |
| 25 <svg id="t6"></svg> | 26 <svg id="t6"></svg> |
| 26 </div> | 27 </div> |
| 28 <svg id="t7"></svg> |
| 29 Inline content <svg id="t8"></svg> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2684833003:
Disable display: contents in SVG. (Closed)
