Question

我写了这段代码

<html>
<head>
<title> page 1</title>
<body>
<style>

a{
    margin-left:10px;
}
</style>

<?php
    $con = mysqli_connect('localhost', 'root', '');
    mysqli_select_db($con,"uoh");  
    $q = " SELECT * FROM student WHERE id = 201102820" ;
    $result = mysqli_query($con , $q ) ;
    if($row = mysqli_fetch_array($result)){
        if ($row["major"]=="computer engineerig"){
               echo "welcome ". $row["name"];
               echo '<a href="tran.php?page=A"><img src="tran.png"/></a>';
        }
    }
?>
</body>
</html>

但是当我跑的时候就这样显示我

Welcome stephen ICON

我放的图标（图片）出现在文本前面。

我可以这样做吗

welcome stephen  
ICON

我希望图标（图片）位于文字下方。

Answer 1

HTML有一个名为Break :)的标签你应该回应一下：

echo "welcome ". $row["name"];
echo "<br />";
echo '<a href="tran.php?page=A"><img src="tran.png"/></a>';

Answer 2

你需要一个换行符

setNavigationStyle: .Dark

或

echo "welcome ". $row["name"] . '<br/>';
echo '<a href="tran.php?page=A"><img src="tran.png"/></a>';

Answer 3

默认情况下，

<a>和<img>是内联元素。请参阅此文章：CSS display: inline vs inline-block

因此，您必须将ICON块放在块元素中以查看名称和图标之间的分隔。

就像这样：

    if ($row["major"]=="computer engineerig")
    {
      echo "welcome ". $row["name"];
      echo '<p><a href="tran.php?page=A"><img src="tran.png"/></a></p>';
    }

或者添加<br/>之类的建议@Noor Adnan

Answer 4

<?php
        //here you can add php 
?>
<p>welcome <?php echo $row["name"]; ?> </p>
<br />
<a href="tran.php?page=A"><img src="tran.png"/></a>
<?php 
          // here you can add your php
?>

如果您将HTML和PHP分开，那么您可以在PHP中轻松添加css和HTML。

如何通过CSS修改PHP内的HTML

4 个答案: