我写了这个代码:
echo '<p> <a href="tran.php?page=A"><img src="tran.png"/></a></p>';
echo '<p><a href="course_list.php?page=A"><img src="courselist.png"/></a></p>';
echo '<p><a href="comp.php?page=A"><img src="comp.png"/></a></p>';
但当我运行它时,图标会像这个一样一个接一个地出现
icone 1
icone 2
icone 3
我希望图标像这个一样并排出现
icon 1 icon 2 icon 3
我该怎么做?
请尝试以下操作:
删除p标签
<a href="tran.php?page=A"><img src="tran.png"/></a>
<a href="course_list.php?page=A"><img src="courselist.png"/></a>
<a href="comp.php?page=A"><img src="comp.png"/></a>
CSS:
a{margin-left:10px}
去掉<p></p>
标记,或者使用一些CSS代码。
p{
float: left;
margin-left: 30px;
}
<p>first</p>
<p>second</p>
<p>third</p>
或者使用这个:
p{
display: inline;
margin-left: 30px;
}
<p>first</p>
<p>second</p>
<p>third</p>
在所有p标签上尝试此操作:
<p style='display:inline;'> .... rest of code
如果它有效,你可以在所有的p标签上用css处理它,或者如果这会扰乱页面的其余部分,就保持原样。
echo '<p>';
echo '<a href="tran.php?page=A"><img src="tran.png"/></a>';
echo '<a href="course_list.php?page=A"><img src="courselist.png"/></a>';
echo '<a href="comp.php?page=A"><img src="comp.png"/></a>';
echo '</p>';