いつもお世話になっております。
htmlで画像のような比率のtableを表現したいと思っています。
いくらやっても、きれいな比率のテーブルになってくれません。
どうすれば、きれいな比率のテーブルになるでしょうか?
作ったところまで、載せておきます。
よろしくお願いいたします。
html
1<table> 2 <thead> 3 <tr class="table--minute__ttl"> 4 <th rowspan="2" class="table__ttl--1">3</th> 5 <th colspan="2" class="table__ttl--2">7</th> 6 </tr> 7 <tr class="table__ttl--sub"> 8 <th class="table__ttl--sub--1">1</th> 9 <th class="table__ttl--sub--2">1</th> 10 </tr> 11 </thead> 12</table>
scss
1.table { 2 &__ttl { 3 &--1 { 4 width: 30%; 5 } 6 7 &--2 { 8 width: 70%; 9 } 10 11 &--sub { 12 width: 100%; 13 14 &--1, 15 &--2 { 16 width: 50%; 17 } 18 } 19 } 20}
コンパイル後のCSSをご提示ください
回答1件
あなたの回答
tips
プレビュー