我想我应该在这个问题上添加一些新的东西，尽管目前提供的许多答案都是足够的和相关的，有一些新的CSS属性可以实现非常干净的输出，在所有浏览器上完全支持，几乎没有“黑客”。这确实远离了内联块，但它给你的结果与问题要求的相同。

这些CSS属性是网格

CSS网格是高度支持的(CanIUse)，除了IE，它只需要一个-ms-前缀来允许它工作。

CSS Grid也是高度灵活的，它把表格、flex和内联块元素的所有好的部分都集中到一个地方。

创建网格时，可以指定行与列之间的间隔。默认间距已经设置为0px，但您可以将此值更改为任何您喜欢的值。

长话短说，这里有一个相关的工作示例:

身体{ 背景:lightblue; 字体类型:无衬线; ｝ .container { 显示:网格; Grid-template-columns: 100px; grid-column-gap: 0;/*不需要但有用，例如*/ grid-row-gap: 0;/*不需要但有用，例如*/ ｝ .box { 背景:红色; ｝ .box: nth-child(甚至){ 背景:绿色; ｝ < div class = "容器" > < div class = "盒子" > 你好 < / div > < div class = "盒子" > 测试 < / div > < / div >

我不太确定你是否想要创建两个没有间隙的蓝色跨度，或者想要处理其他空白，但如果你想删除间隙:

span {
    display: inline-block;
    width: 100px;
    background: blue;
    font-size: 30px;
    color: white;
    text-align: center;

    float: left;
}

和完成。

我将稍微扩展一下user5609829的答案，因为我认为这里的其他解决方案太复杂/工作量太大。对内联块元素应用margin-right: -4px将删除空格，所有浏览器都支持。在这里查看更新的小提琴。对于那些担心使用负边距的人，试着阅读一下这篇文章。

试试这个片段:

span {
    display: inline-block;
    width: 100px;
    background: blue;
    font-size: 30px;
    color: white;
    text-align: center;
    margin-right: -3px;
}

工作演示:http://jsfiddle.net/dGHFV/2784/

消极的保证金

你可以用负4px的边距将元素移回原位(可能需要根据父字体大小进行调整)。显然，这在旧的IE(6和7)中是有问题的，但如果你不关心这些浏览器，至少你可以保持代码格式干净。

span {
  display: inline-block;
  margin-right: -4px;
}

这是相同的答案，我给了相关的:显示:内联块-什么是空间?

实际上，有一种非常简单的方法可以从内联块中删除空白，既简单又语义化。它被称为具有零宽度空格的自定义字体，它允许您使用非常小的字体在字体级别上折叠空白(当它们在单独的行上时，由浏览器为内联元素添加)。一旦你声明了字体，你只需要在容器上改变font-family，然后在子容器上再改变，瞧。是这样的:

@font-face{ 
    font-family: 'NoSpace';
    src: url('../Fonts/zerowidthspaces.eot');
    src: url('../Fonts/zerowidthspaces.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/zerowidthspaces.woff') format('woff'),
         url('../Fonts/zerowidthspaces.ttf') format('truetype'),
         url('../Fonts/zerowidthspaces.svg#NoSpace') format('svg');
}

body {
    font-face: 'OpenSans', sans-serif;
}

.inline-container {
    font-face: 'NoSpace';
}

.inline-container > * {
    display: inline-block;
    font-face: 'OpenSans', sans-serif;
}

很合口味。这里是我刚刚在font-forge中制作的字体下载，并使用FontSquirrel webfont generator进行转换。我只花了5分钟。css @font-face声明包括:压缩零宽度空格字体。它在谷歌驱动器，所以你需要点击文件>下载保存到你的电脑。如果您将声明复制到主css文件中，您可能还需要更改字体路径。