php - 为什么我的 标签之一比其他标签小得多？

Question

为什么 HR 部门不像其他部门那样做？

_{(来源:gyazo.com)}

有点难看，但第一个与其余的不成比例，它比其他的小..我不确定为什么？

我的 CSS。

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #ffffff;
}

我的 hr 在哪里:

echo "<h1><hr />" . $row['blogTitle'] . "</h1>";

代码:

<?php 
//--- Authenticate code begins here ---
session_start();
//checks if the login session is true

if (!isset($_SESSION['username'])){
header("location:index.php");
}
$username = $_SESSION['username'];

// --- Authenticate code ends here ---


 include ('header.php'); 



        ?>




    <div class="blog-wrap">


        <section class="blog-content">



            <link rel="stylesheet" type="text/css" href="../css/style1.css">

            <form action="search.php" class="searchbar1" method="GET">
        <input type="text" name="query" />
        <input type="submit" class="btn btn-search" value="Search" />
    </form>



<div style="float:right">  <a class="btn btn-danger logout" href="logout.php" > Logout</a> </div>

<div id="menu">
    <ul id="nav">
        <li><a href="home.php" target="_self" >Home</a></li>
        <li><a href="session1.php" target="_self" >Sessions</a>

            <ul>
                <li><a href="session1.php" target="_self" >Session 1</a></li>
                <li><a href="session2.php" target="_self" >Session 2</a></li>
                <li><a href="session3.php" target="_self" >Session 3</a></li>
                <li><a href="session4.php" target="_self" >Session 4</a></li>
                <li><a href="session5.php" target="_self" >Session 5</a></li>
                <li><a href="session6.php" target="_self" >Session 6</a></li>
                <li><a href="session7.php" target="_self" >Session 7</a></li>
                <li><a href="session8.php" target="_self" >Session 8</a></li>
                <li><a href="session9.php" target="_self" >Session 9</a></li>
                <li><a href="session10.php" target="_self" >Session 10</a></li>
                <li><a href="session11.php" target="_self" >Session 11</a></li>
                <li><a href="session12.php" target="_self" >Session 12</a></li>
                <li><a href="session13.php" target="_self" >Session 13</a></li>
                <li><a href="session14.php" target="_self" >Session 14</a></li>



            </ul>
            <li><a href="blog.php" target="_self" >Blog</a></li>
            <li><a href="shop.php" target="_self" >Shop</a></li>
    </ul>
</div>

<div class="sidebar">
<?php 
                include "blogsidebar.php";
            ?>
            </div>
            <section class="blog-inner">
                <div class="blog-posts">
                    <?php 
                        $sql = "SELECT blog.*, users.*, category.*, COUNT(comment.blogID) AS commentcount 
                        FROM blog INNER JOIN users ON blog.authorID = users.userID INNER JOIN category ON 
                        blog.catID = category.catID LEFT JOIN comment ON blog.blogID = comment.blogID GROUP BY 
                        blog.blogID, comment.blogID ORDER BY dateposted DESC LIMIT 0,3"; //display the last 3 blog entries and count the number of comments for each blog entry 

                        $result = mysql_query($sql) or die(mysql_error($connection)); //run the query 

                        while ($row = mysql_fetch_array($result)) 
                        { 
                        echo "<article class='blog-post one'>";
                        echo "<aside class='blog-text-prev'>";
                        echo "<div class='text-content'>";
                        echo "<h1><hr />" . $row['blogTitle'] . "</h1>";
                        echo "<h1>" . $row['categoryImage'] .  "  " . $row['fullname'] . "  ". $row['category'] ."  " . date("F jS",strtotime($row['dateTime'])) . " </h1>";
                        echo "<div class='clear'></div>";
                        echo "<p>" . (substr(($row['blogContent']),0,304)) . " <i><b><a href='blog-post.php?blogID=" .$row['blogID']. "'>Read More...</a></i></b></p>";
                        echo "</div>";
                        echo "</aside>";
                        echo "</article>";
                        }
                    ?>

                </div>

            </section>
        </section>
    </div>
</section>
<!-- end login -->
<?php 
    include "footer.php";
?>

Answer 1

您放置了 <hr>在<h1>节点，那是行不通的。

并检查这里，在 HTML5 中它只是为了语义 http://www.w3schools.com/TAGS/tag_hr.asp

"However, the <hr> tag may still be displayed as a horizontal rule in visual browsers, but is now defined in semantic terms, rather than presentational terms."