css - タグ間の空白がレイアウトを壊している

Question

「空白を削除」できることは知っていますが、それはとても不便です。htmlには、インラインブロック要素がある場所がたくさんあり、それらすべてを探しに行くのは大変です。

この空白を表示しないようにする方法はありますか？

スペースが私のレイアウトを壊しているのを見ることができるように、これは私のサイトです：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(); ?>