0

テーブル内にテーブルがあり、これらの幻の境界線があります。私の人生のために、私はこれらの余分なスペースを殺すために非常に多くのことを試みましたが、それらを取り除く方法がわかりません. jsfiddleをチェックしてください

body{
    background: #ddd;
}
.outterTbl{
    border-collapse: collapse;
    border-spacing: 0px;
    background: green;
}
.outterTbl th{
    background: black;
    color: white;
}
.outterTbl td{
    margin: 0px; 
    border-spacing: 0px;
    border: none;
}
.innerTbl{
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
}
.innerTbl th{
    background: #3399cc;
    color: white;
}
.innerTbl tr:nth-child(odd) {
    background: white;
}
.innerTbl tr:nth-child(even){    
    background: #9ccde5;
}
4

1 に答える 1

2

追加

padding: 0px;

外部テーブルへ td はトリックを行います

jsfiddle

于 2013-06-11T20:38:26.283 に答える