php 搜索结果页面产生非 "eye"吸引人的数据

Question

所以我终于让我的 php 数据库搜索正常运行，但我不知道如何格式化它以使其看起来更好。

目前我的回显码是

 echo "<p><h3>".$results['lfname']."</h3>".$results['id'].$results['phonenum'].$results['state'].$results['zip']."</p>";

我收到的数据是这样的

John Doe    
12507(704) 372-2622NC28031

我希望数据是这样的

John Doe   12507   
(704) 372-2622   NC   28031

或类似的东西。你们知道我如何正确地格式化这个或者任何指向我可以学习如何格式化这个结果的页面的链接吗？不确定要用谷歌搜索什么，因为我不确定 php 页面的规则和限制。再次感谢

Answer 1

理论上，将标题标签包裹在段落标签中是不明智的。其次，ID在

标签之外。由于 < h3 > 是 block 级元素，您不应期望其内容与 ID 位于同一级别。以下是可能有帮助的内容:

            <!-- TO STYLE THE CSS CLASSES, AT THE TOP OF YOUR FILE WITHIN THE HEAD SECTION-->
            <!-- DO LIKE SO -->
            <style type="text/css">
                .full-name{
                    font-weight: 900;    /*CAN BE NORMAL, BOLD OR BOLDER OR USE NUMBERS FROM 100 TO 900*/
                    color: #613ac5;       /* USE YOUR PREFERRED COLOR */
                    font-size: 12px;      /* AGAIN CHANGE TO YOUR DESIRED FONT-SIZE */
                }
                .result-id{
                    font-family: Helvetica, Arial, sans-serif;
                    font-weight: normal;  /*CAN BE NORMAL, BOLD OR BOLDER OR USE NUMBERS FROM 100 TO 900*/
                    color: #8c0210;       /* USE YOUR PREFERRED COLOR */
                    font-size: 12px;      /* AGAIN CHANGE TO YOUR DESIRED FONT-SIZE */
                }

                .right-spaced{
                    font-family: Helvetica, Arial, sans-serif;
                    display:inline-block;
                    padding-right: 15px;
                    font-weight: normal;  
                    color: #8c0210;    
                    font-size: 12px;     
                }
            </style>


        <?php

            $strOutput    =  "<h3 class='full-name'> " . $results['lfname'] ."<span class='result-id'> {$results['id']}</span></h3>";
            $strOutput   .= "<p><span class='phone right-spaced'>{$results['phonenum']}</span>";
            $strOutput   .= "<span class='state right-spaced'>{$results['state']}</span>";
            $strOutput   .= "<span class='zip right-spaced'>{$results['zip']}</span>";
            $strOutput   .= "</p>";