CSSボックスシャドウインセット折りたたまれた境界線の境界線の間のギャップ

Question

私は境界崩壊のあるテーブルを持っています：崩壊セットがあり、結果はボックスシャドウインセットとボーダーの間に奇妙なギャップがあります。幅。この奇妙さを避けるにはどうすればいいですか？これはChrome上です。

HTML：

<table class="theTable"> 
    <tr> 
    <td class="weirdGap"> 
     unexpected gap 
     <br> 
     unexpected gap 
    </td> 
    </tr> 
</table> 

CSS：

.theTable { 
    border-collapse: collapse; 

} 

.weirdGap { 
    box-shadow: inset 0 0 6px red; 
    border: 5px solid blue; 
} 

はここjsFiddle http://jsfiddle.net/ukhgK/11/

Answer 1

の境界 - 崩壊プロパティは、テーブルの境界線が単一の境界線に崩壊したりのように分離される設定します標準HTML。さらにdeveloper.mozilla.org/.../border-collapseの例と一緒に使用する方法を見つけることができます。