HTML新行创建了空白区域

时间:2011-08-11 07:00:10

标签: php html

我的回声中的HTML代码有问题。这是我的代码:

echo "<tr><td class=\"desc\">
                            <div class=\"tit\">
                                <img class=\"unit u".$i."\" src=\"img/x.gif\" alt=\"".$unit_name."\" title=\"".$unit_name."\" />
                                <a href=\"#\" onClick=\"return Popup(".$i.",1);\">".$unit_name."</a>
                            </div>
                            <div class=\"details\">
                                <img class=\"r1\" src=\"img/x.gif\" alt=\"".$lang['resources']['Lumber']."\" title=\"".$lang['resources']['Lumber']."\" />".${'bs'.$i}['wood']."|
                                <img class=\"r2\" src=\"img/x.gif\" alt=\"".$lang['resources']['Clay']."\" title=\"".$lang['resources']['Clay']."\" />".${'bs'.$i}['clay']."|
                                <img class=\"r3\" src=\"img/x.gif\" alt=\"".$lang['resources']['Iron']."\" title=\"".$lang['resources']['Iron']."\" />".${'bs'.$i}['iron']."|
                                <img class=\"r4\" src=\"img/x.gif\" alt=\"".$lang['resources']['Crop']."\" title=\"".$lang['resources']['Crop']."\" />".${'bs'.$i}['crop']."|
                                <img class=\"clock\" src=\"img/x.gif\" alt=\"".$lang['gameplay']['duration']."\" title=\"".$lang['gameplay']['duration']."\" />";

现在我遇到一个问题,如果我在每行中放置<img class个内容,请在|之后获取空格,但是如果我将它们放在<img class>|<img class>之类的相同行中而不是空格之间它们。

所以实际上我的结果看起来像这样:

Lumber21312| Clay21312| Iron2312| Crop2132| 

我希望它看起来像这样:

Lumber21312|Clay21312|Iron2312|Crop2132|

对不起,如果我不是那么清楚:$

2 个答案:

答案 0 :(得分:1)

一样回应它
"<img />".
"|".
"<img />".

等。然后你可以根据需要在那里放置尽可能多的空白,它不会渲染。

答案 1 :(得分:0)

删除缩进空间,它会导致空格。

<img />|<img />|<img />|...