border-spacing-svg-zoom-table-display-ref.html (620B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 .container { 6 width: 400px; 7 height: 100px; 8 } 9 10 .table-group { 11 display: table; 12 border-spacing: 10px; 13 border-collapse: separate; 14 } 15 16 .table-row { 17 display: table-row; 18 } 19 20 .table-cell { 21 display: table-cell; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="container"> 27 <svg width="100%" height="100%"> 28 <g class="table-group"> 29 <g class="table-row"> 30 <rect class="table-cell" x="0" y="0" width="120" height="80" /> 31 <rect class="table-cell" x="160" y="0" width="120" height="80" /> 32 </g> 33 </g> 34 </svg> 35 </div> 36 </body> 37 </html>