Question

我写了这段代码：

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

我希望icone像这样出现在彼此旁边

icon 1       icon 2       icon 3

我怎么能这样做？

Answer 1

删除<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>

Answer 2

在所有p标签上试试这个：

<p style='display:inline;'> .... rest of code

如果它有效，你可以在所有P标签上css它，或者如果这会弄乱页面的其余部分，只需保持原样。

Answer 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}

Answer 4

    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>';

如何在一行中打印多个链接？

4 个答案: