Пространство ячеек таблицы с CSS - PullRequest
Новая
       17

Пространство ячеек таблицы с CSS

2 голосов
/ 26 марта 2010

Можно ли добавить интервал между ячейками? 

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title>test</title>
  <style>
   #wrap {
    display: table-row;
    /* there is no also cellspacing in CSS afaik :( */
   }
   #wrap div {
    display: table-cell;
    /* margin: 40px; doesn't work for table-cell :( */
    /* border: 30px solid transparent; works but it's as good as adding padding */
    /* border: 30px solid white; works but the page background is invisible */

    /* decoration: */
    background-color: green;
    padding: 20px;
   }
  </style>
 </head>
 <body>
  <!-- don't touch the markup -->
  <div id="wrap">
   <div>text1</div>
   <div>text2</div>
  </div>
 </body>
</html>

1 Ответ

4 голосов
/ 26 марта 2010

Использование margin свойство: 

#wrap div {
background-color:green;
float:left;
margin:10px;
padding:20px;
}

Если это не совсем то, чего вы хотите достичь, пожалуйста, дайте мне знать, чтобы я мог помочь.

Редактировать: Другой подход заключается в следующем: 

#wrap {
border-spacing:20px;
display:inline-table;
}

но учтите, что интервал границы поддерживается не во всех браузерах (IE6 и IE7 не поддерживают его).

...