如何删除两个div元素之间的空间[重复]

Question

我有两个 div

  <div>abc</div>
  <div>def</div>

用css作为这个

div{
  display:inline-block;
  padding:0px;
  margin:0px;
}

body{
   padding:0px;
   margin:0px;
}

如何消除第一个和第二个 div 之间的间隙/空间

相同http://cssdeck.com/labs/i5oysgmt的链接

Answer 1

Demo

这是因为inline-block 元素中的空白

html

<div>abc</div><div>def</div>

You can read here more

Answer 2

去除代码级的间距。

这样写。

<div>abc</div><div>def</div>

Answer 3

div{
  display:inline-block;
  padding:0px;
  margin-left:-4px;
}