如何使用 HTML 和 CSS 设置 PHP 记录的样式

Question

这是我第一次在这里问问题，希望你们能帮助我。我有一个 php 项目，我有一个数据库连接，我使用 bootstrap twitter 作为 css 框架。数据库是荷兰语，在这种情况下它不会影响代码。

问题：PHP文件不允许我在下面的php代码之间使用html：

// 查询添加记录：我要对这几行代码进行样式化。

这是代码，我无法显示图像，因为我没有 10 声望..：

<div class="jumbotron">
<div class="row">
<div class="col-md-12 col-xs-12">

    <?php

    //stap 4) De resultaten naar het scherm schrijven
    echo "<h3>Stap 4 Inhoud database:</h3>";
    while ($rij = mysqli_fetch_array($result)){

    ?>

    <div class="container-fluid well col-md-12">
    <div class="row-fluid">
    <div class="col-md-12">

     <img src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=50" alt="80x80" class="img-rounded pull-left" style="width:80px; heigth:80px;">

        <?php

        // Query add record:I want to style these lines of code
        echo "Les{$rij['doc_id']} <br /> <hr> :
       {$rij['vaknaam']}<br /> {$rij['omschrijving']}<br />"; 

        ?>

        </div>
        </div>
        </div>

    <?php } ?>

</div>
</div>
</div>

我在 php 文件中尝试了一些样式，但我真的不知道如何在以下代码中执行此操作：

<?php
// Query add record:I want to style these lines of code
echo "Les{$rij['doc_id']} <br /> <hr> :
{$rij['vaknaam']}<br /> {$rij['omschrijving']}<br />"; 
?>

希望大家能帮帮我，先谢谢了！ 保罗

Answer 1

有多种方法可以设置此输出的样式。您可以放置​​ <span> 和 <div> 标签或任何其他带有 css 类或内联 css 的 html 标签

echo "<span class=\"someclass\">Les{$rij['doc_id']} <br /> <hr> :
   {$rij['vaknaam']}<br /> {$rij['omschrijving']}<br /></span>";  

或

echo "<span style=\"background-color:#dcdcdc;\">Les{$rij['doc_id']} <br /> <hr> :
   {$rij['vaknaam']}<br /> {$rij['omschrijving']}<br /></span>"; 

Answer 2

如果您希望看到数据输出方式的视觉差异，您可以使用bootstraps' in-built styling（例如tables）。

为了保持代码可读性，我建议使用单引号来防止不必要的双引号转义。

例如

// Query add record:I want to style these lines of code
echo 'Les ' . $rij['doc_id'] . '<br/> <hr> : ' . $rij['vaknaam'] . '<br />' . $rij['omschrijving'] . '<br />';