删除HTML空间，用css

这是CSS代码：删除HTML空间，用css

#div_0, #div_1 { 
    width: 100px; 
    height: 100px; 
    display: inline-block; 
} 

#div_0 { 
    background-color: #090; 
} 

#div_1 { 
    background-color: #900; 
}

而这，就是HTML

<div id="div_0"></div> 
<div id="div_1"></div>

这displayd这样： http://jsfiddle.net/7G63S/

正如你看到的，这里是间香料div标签，删除这个空间我可以这样写html：

<div id="div_0"></div><div id="div_1"></div>

和问题解决： http://jsfiddle.net/7yE2M/

但intereset，怎么能删除div之间出现空间CSS，HTML，如果看起来像这样：

<div id="div_0"></div> 
<div id="div_1"></div>

？

或使这不可能？

P.S. white-space：nowrap在这种情况下不起作用。

来源

2012-09-12 RIKI

不能删除，使用CSS - 你只能隐藏... – feeela

是的，你是对的 – RIKI

的float:left风格加入的div这里#div_0, #div_

演示http://jsfiddle.net/7yE2M/1/

来源

2012-09-12 12:46:56 Sowmya

不解决问题，但是在布局中定位元素是一种完全不同的方法... – feeela

@krish只有'float：left;'不是内联块。 – Chris

是的，这是错误的接近。 @sean vieira以正确的方式完成 – supersaiyan

集line-height和font-size 0包装容器上 - 看到http://jsfiddle.net/7G63S/1/

来源

2012-09-12 12:47:48

yeahh这是正确的方法，而不是@sowmya回答 – supersaiyan

请注意，这是不是很友好的搜索引擎优化。由于您明确隐藏文本，因此网络爬虫可能会考虑这种滥用;当然这个CSS规则可能会被儿童规则覆盖，但我仍然认为这不是一个好主意。 – Chris

@ Abody97 - 我希望网络爬虫不会使用这种技术隐藏非空白文本的数量（在这种情况下，没有），也不会惩罚使用这种技术的网站。 –

你想要的源格式的原因还是空白这是无法修改一些生成的HTML的情况吗？如果你可以修改html，最好的办法是简单地消除空白，但并不意味着你需要失去格式。只是注释掉空白：

<div id="div_0"></div><!-- 
--><div id="div_1"></div>

编辑：更多的解决方案可以在这里找到http://css-tricks.com/fighting-the-space-between-inline-block-elements/

来源

2012-09-12 13:38:22 cimmanon

删除HTML空间，用css

回答

相关问题