表格行的左右邊距

Question

如何設置表格行的左右邊距（或類似的東西以達到相同的結果）？ 我試過border-collapse:separate; border-spacing:20px; border-collapse:separate; border-spacing:20px; 但這刪除了行邊框底部。

這就是我想要創建的：

Answer 1

將 class 添加到表中，然后在左右添加填充。

表類="一些表"

.some-table { padding-left:10px; 填充右：10px； }

應該管用。

如果沒有，則在左側添加一個 class 並將填充附加到左右列。

Answer 2

我不認為這對表格是可能的。

這里是 div 和 span。 我希望你喜歡它：

<html>
 <head>
  <style>
   div#outer {
    border: 10px solid black;
    width: 30em;
   }
   div#header {
    background-color: red;
    color: white;
    text-align: center;
   }
   div.row {
    border-bottom: 1px dashed red;
    margin: 10px 20px;
    clear: both;
   }
   span.left {
    float: left;
   }
   span.right {
    margin-left: 10em;
   }
  </style>
</head>
 <body>
  <div id="outer">
  <div id="header">Some table head text</div>
   <div class="row">
    <span class="left">Col</span>
    <span class="right">Col</span>
   </div>
   <div class="row">
    <span class="left">Col</span>
    <span class="right">Col</span>
   </div>
   <div class="row">
    <span class="left">Col</span>
    <span class="right">Col</span>
   </div>
  </div>
 </body>
</html>

表格行的左右邊距

問題描述

2 個解決方案

解決方案1
2 2011-07-13 07:28:21

解決方案2
1 已采納 2011-07-13 07:27:25

表格行的左右邊距

問題描述

2 個解決方案

解決方案1 2 2011-07-13 07:28:21

解決方案2 1 已采納 2011-07-13 07:27:25

解決方案1
2 2011-07-13 07:28:21

解決方案2
1 已采納 2011-07-13 07:27:25