Расстоянеи между div блоками.

Проблема с версткой. Расстояне в пару пикселей между div не получается убрать. Помогите кто может. Заранее спасибо.

Пример:

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .html4strict.geshi_code {font-family:monospace;} .html4strict.geshi_code .imp {font-weight: bold; color: red;} .html4strict.geshi_code .kw2 {color: #000000; font-weight: bold;} .html4strict.geshi_code .kw3 {color: #000066;} .html4strict.geshi_code .es0 {color: #000099; font-weight: bold;} .html4strict.geshi_code .br0 {color: #66cc66;} .html4strict.geshi_code .sy0 {color: #66cc66;} .html4strict.geshi_code .st0 {color: #ff0000;} .html4strict.geshi_code .nu0 {color: #cc66cc;} .html4strict.geshi_code .sc-1 {color: #808080; font-style: italic;} .html4strict.geshi_code .sc0 {color: #00bbdd;} .html4strict.geshi_code .sc1 {color: #ddbb00;} .html4strict.geshi_code .sc2 {color: #009900;} .html4strict.geshi_code span.xtra { display:block; }

<div class="blocks">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>

<style>
.blocks{
  width: 960px;
  margin: 0 auto;
}

.block{
  display:inline-block;
  height: 215px;
  width: 320px;
  background-color: #e9e9e9;
  }
</style>
 
0
css div html верстка расстояние

1 ответов

Вставляйте divы без переносов строк и пробелов. Это особенность inline-blockов, они ведут себя как текст в потоке, то есть восприимчевы к пробелам между элементами.


<div class="blocks">
  <div class="block"></div><div class="block"></div><div class="block"></div>
</div>
 
1

Можно еще так


<div class="blocks">
      <div class="block"></div><!--
 --><div class="block"></div><!--
 --><div class="block"></div>
</div>
 

Или же для родительского блока размер шрифта 0, и не забудьте указать шрифт вложенным блокам так как они будут наследовать родителя.
1