标签之间的空白打破了我的布局[关闭]

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(); ?>