无法摆脱内联之间的空间

2018-07-02 00:31:14

这个问题在这里已经有了答案：

如何去除内嵌块元素之间的空间？ 32个答案

将一个的close标记和下一个元素的open标记放在同一行上：

<div class="top-menu-item">
Item 2
</div><div class="top-menu-item">
Item 3</div>

内联元素使用它们之间的空格，这会呈现为1空格。如果您将下一个元素直接放在前一个元素之后，则中间不会有空格，并且空格将消失。

问题的快速减少：

inline和inline-block告诉浏览器显示一个元素，就像它是一个单词一样。单词之间有空格。你摆脱这些空间的选择是：

从标记中删除空格

使用浮动代替，它不关心标记中的空格

或者查找空间的宽度并使用边距或定位以可视化方式移除空间。

解决方案：

所有的CSS选项，永远：http://css-tricks.com/fighting-the-space-between-inline-block-elements/

如果你不能浮动，基于em的负利润率会得到我的投票。

这里有另一个堆栈溢出线程，但这里有一个备用解决方案：http://jsfiddle.net/Gv6w3/3/

.top-menu-item {
  display:block;
  float:left;
  width:100px;
  margin:0px;

  background:#FFFF00;
  border:solid thin #00FF00;
}

链接地址: http://www.djcxy.com/p/89269.html