問題タブ [border-spacing]

私はこのようなテーブルを持っています

「前」と「現在」のセルの各セット間の間隔を削除したいが、行と他の列の間は保持したい。これは可能ですか？

ほとんどのCSSプロパティの2つの項目標準は「上/下、左/右」のようです。少なくとも、境界線の間隔を除いて、私が知っているすべてのことに当てはまります。

ボーダー間隔の「左/右、上/下」の略記は意図的なものですか? 毎回それは私を取得します、そしておそらく w3 はそれが矛盾していることに気づきませんでした.

それに一致する答えが見つかりません。

http://jsfiddle.net/uXUnm/

ご覧のとおり、table12 ピクセルの境界線 (1 ピクセルが望ましい) があり、table2丸い境界線はありません。border-collapse:collapse;によって引き起こされた最初の問題を修正しborder-spacing: 0;ますが、丸めを壊します。などのセレクターをいじらず:first-childに両方の問題を修正する方法を教えてもらえますか?last-child

あなたが見ることができる内側の長方形は、水平なパネルです. それに3つのボタンを追加しました。これらのボタンはすべて、水平パネルのほとんどの部分である下部に配置したいと考えています。次のコード行を試しました

ただし、ボタンには影響しません。これに関して誰か私に何か提案できますか？

動的テーブルを作成しています。

各セルには灰色の背景色があり、各セルの間に (垂直方向と水平方向に) 空白が必要です。

だから私はCSSプロパティを使用しています

この空白はセル間だけではないという事実を除けば、うまく機能します。実際には、テーブルの端にあるセルを含むすべてのセルの周りにあります。

これは、テーブルの周りに余白があることを意味します。

「その境界線がテーブルの端にある場合を除いて、セルの境界線の間にスペースを入れてください」と言う方法はありますか?

注: これは動的なテーブルなので、「内部」セル専用の CSS クラスは避けたいと思います。

wsiwyg エディターを使用します。テーブルを挿入してセル間隔を 30 に設定しても、アクセスできないメイン css ファイルでボーダー間隔が 0 に設定されているため、影響はありません。

境界線の間隔をインライン スタイルでオーバーライドできますが、ユーザー側で選択されるセル間隔がわからないため、境界線の間隔を同じ数値に設定することはできません。この数値がわからないためです。

ボーダー間隔の値を削除する方法はありますか、またはこの問題に対する他の解決策はありますか? 残念ながら、border-spacing プロパティに「none」の値はありません。

何らかの理由で、Chrome のユーザー エージェント スタイル シートで境界線の間隔をオーバーライドできません。今は2pxにしていますが、これを0pxにしたいです。border-collapse は問題なくオーバーライドされますが、border-spacing はオーバーライドされません。

-webkit-border-horizo​​ntal-spacing と -webkit-border-vertical-spacing も追加してみました

しかし、これらのオーバーライドも同様に機能しません。

私の HTML ドキュメント

私の在庫スタイル.css

私はいくつかの非常に基本的なhtmlを持っています:

ここで、テーブルの行と列の間にスペースを追加したいので、次の css を追加します。

偉大な。ただし、テーブル自体が 2 つの段落で左揃えになっているわけではありません。

私の質問は、インデントではなく必要なスペースをテーブルに取得するにはどうすればよいですか、またはインデントを克服するために最小の CSS を適用するにはどうすればよいですか?

http://jsfiddle.net/smlombardi/9mzzdsrn/1/でこのコードを参照してください。