格式化代码时HTML输出中的PHP空格

Question

Following code will produce unwanted whitespace between icons.

<div>
    <img src="icon1.png" />
    <img src="icon2.png" />
</div>

I need to keep image tags on single lines because I have some conditions in my .phtml file, it looks something like this:

<div>
    <?php if ($condition1) : ?>
        <img src="icon1.png" />
    <?php endif ?>
    <?php if ($condition2) : ?>
        <img src="icon2.png" />
    <?php endif ?>
</div>

I don't want to have all code messed up on a single line. Is there any solution for situations like this?

Answer 1

Apply font-size:0px; style to your div .

Answer 2

You may use echo to output parts of html code. You'll get something like this

<div>
    <?php if (true) : 
        echo '<img src="icon2.png" />';
    endif;

    if (true) : 
        echo '<img src="icon2.png" />';
    endif;
    ?>
</div>