Question

以下代码会在图标之间产生不需要的空白。

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

我需要将图片标记保存在单行上，因为我的.phtml文件中有一些条件，它看起来像这样：

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

我不希望所有代码都搞砸了。对于这样的情况有没有解决方案？

Answer 1

将font-size:0px;样式应用于div。

Answer 2

您可以使用echo输出html代码的部分内容。你会得到这样的东西

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

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

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

2 个答案: