如何使用CSS修改PHP中的HTML - How to modify HTML inside PHP by CSS

How to modify HTML inside PHP by CSS

本文关键字：中的 HTML PHP 修改何使用 CSS | 更新日期: 2023-09-27

我写了这个代码

<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

我想把图标（图片）放在文字下面。

HTML有一个名为Break:的标签，您应该回显这个：

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

您需要换行

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

或

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

默认情况下，

<a>和<img>是内联元素。请参阅本文：CSS显示：内联与内联块

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

例如：

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

或者添加一个类似建议@Noor Adnan 的<br/>

<?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。