css - 标签之间的空白打破了我的布局

Question

我知道我可以“删除空白”，但这太不方便了。在 html 中有很多地方我有一些 inline-block 元素，去寻找它们中的每一个都是地狱。

有没有办法让这个空白不出现？

这是我的网站，你可以看到空间打破了我的布局： http: //www.fashionstore.al/

Answer 1

“作弊”有两种方式。在我学习任何服务器端代码之前，我曾经这样做的方式是这样的：

<div id="container"><!--
   --><div class="block">Text</div><!--
   --><div class="block">More text</div><!--
--></div>

通过注释掉空格，它不再会导致布局问题，但仍然可以让您分隔行。

使用服务器端代码，更容易：

<?php
    echo '<div id="container">'
            .'<div class="block">Text</div>'
            .'<div class="block">More text</div>'
        .'</div>';
?>

或者，另一种方法：

<?php ob_start(function($c) {return preg_replace("/>\s+</","><",$c);}); ?>
<div id="container">
    <div class="block">Text</div>
    <div class="block">More text</div>
</div>
<?php ob_end_flush(); ?>