Question

为什么HR线没有做其他线路的工作？

x http://gyazo.com/d24c737e4f3bfb777843b4e2c88c1a7b.png

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

我的CSS。

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

我的小时是：

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

CODE：

<?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里面。我只想将h1标签设置为顶部边框。

Answer 2

你放了＆lt; hr＆gt;在一个＆lt; h1＆gt;节点，不会工作。

在这里检查一下，在HTML5中它仅用于语义 http://www.w3schools.com/TAGS/tag_hr.asp

“但是，＆lt; hr＆gt;标记仍可在可视浏览器中显示为水平规则，但现在用语义术语来定义，而不是表达术语。“

为什么我的<hr />标签不是这样做的

2 个答案: