1

私は IE9+ と Firefox/Chrome 最新版を使用しています。

http://codepen.io/helloworld/pen/wmuGH

表が図のように見えるように、すべての列の間に余白を置くにはどうすればよいですか?

実際の列の間に空のダミー列を使用したくなく、マージンを偽造するために幅を設定したくありません。

私はパディングとマージンで多くのことをしましたが、上部の丸い境界線が壊れているか、図の列の背景色が列の間に新しく作成されたギャップに浮かんでいます...

アップデート:

行間に隙間があってはなりません。

ちょうどこのような:

ここに画像の説明を入力

4

1 に答える 1

6

これを試して:

#responseTable  {
  border-collapse:separate; 
  border-spacing: 4px;
}

http://jsfiddle.net/qLumE/

于 2013-06-18T08:30:58.867 に答える