Левое и правое поле в строке таблицы - PullRequest
Новая
       4

Левое и правое поле в строке таблицы

0 голосов
/ 13 июля 2011

Как я могу установить левое и правое поле строки таблицы (или что-то подобное для достижения того же результата)?Я попытался border-collapse:separate; border-spacing:20px;, но это удалило нижнюю границу строк.

Это то, что я пытаюсь создать:

http://i54.tinypic.com/eqce83.jpg

Ответы [ 2 ]

2 голосов
/ 13 июля 2011

добавьте класс в таблицу, затем добавьте отступ слева и справа.

table class = "some-table"

.some-table { обивка налево: 10px; обивка-направо: 10px; }

должно работать.

Если это не так, добавьте класс слева и вместо него добавьте отступ слева и справа.

1 голос
/ 13 июля 2011

Я не думаю, что это возможно с таблицами.

Вот это с divs и 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>
...