Q&A
HTMLのtableを入れ子にした際に、外側のtableの罫線と内側のtableの罫線がズレて表示されるため太く見えてしまっています。
2つのtableは別のタブなので重複しないのは理解しているのですが、なんとか重ねる方法はないでしょうか。
また、このtableは3重、4重にもなる可能性があります。
最小構成のソースです。（スマホから打っているので間違えていたらすみません…）
html
1<style type="text/css"> 2 table { 3 border-collapse: collapse; 4 } 5 6 tr, td { 7 border: 1px solid black; 8 padding: 0; 9 } 10<style> 11<table> 12 <tr> 13 <td>A</td> 14 <td>B</td> 15 </tr> 16 <tr> 17 <td>C</td> 18 <td> 19 <table> 20 <tr> 21 <td>D</td> 22 <td>E</td> 23 </tr> 24 <tr> 25 <td>F</td> 26 <td>G</td> 27 </tr> 28 </table> 29 </td> 30 </tr> 31</table>
回答1件
0
ベストアンサー
CSS
1td > table { 2 margin: -1px; 3} 4```**動くサンプル：**[https://jsfiddle.net/yzy4nqp8/1/](https://jsfiddle.net/yzy4nqp8/1/)
投稿2018/02/23 03:06
総合スコア69625
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/02/23 03:20