php - 如何让这些链接按钮在此 PHP 代码中正确显示？

Question

我正在尝试向 php 脚本添加一些额外的链接。

原代码如下:

        <div id="content-left">
        <h4>Recent Work</h4>
        <?php query_posts('posts_per_page=2&cat=-8,-52,-53,-54'); ?>

        <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

        <div class="home-blog-feed">
          <?php the_post_thumbnail(array(130, 70, true)); ?>

            <div class="home-feed-right">
            <span class="home-title"><?php the_title(); ?></span>
            <span class="home-description"><?php echo get_post_meta($post->ID, 'Caption', true); ?></span>
            <span class="home-link"><a href="<?php the_permalink() ?>">View Gallery</a></span>
            </div>
        </div>
        <?php endwhile; ?>
        <a href="http://www.mysite.com/blog/" class="button feed">View More</a>
<?php endif; ?>

该代码产生以下输出:

我正在尝试在“查看更多”按钮下方添加两个额外的按钮。当我添加代码时，按钮出现在父 div 的顶部并最终出现在“最近的工作”和第一张图片的后面。

我是 php 的新手，如果您能帮助我解释为什么它没有出现在“查看更多”按钮下方，我们将不胜感激。我试过使用 echo 命令和 '\n' 来创建中断，但它没有生效。

此外，这是我尝试添加到“查看更多”按钮下方的编码按钮示例:

<a class="large-button" href="http://www.mysite.com/my-specified-page/">View Page</a>

这是页面:

http://www.aimeehurstphotography.com/wedding-photography-2/

这是左侧内容输出的 CSS:

#content-left {
width:330px;
float:left;
height:auto;
padding:0;
margin:0;}

.home-blog-feed {
    width:100%;
    height:auto;
    float:left;
    padding:0 0 10px 0;
    margin-bottom:7px;}
.home-blog-feed img {
    text-align:left;
    float:left;
    margin:0 18px 0 0;
    vertical-align:top;
    border:#CCC solid 1px;
    padding:5px;
    background:#FFFFFF;}

    .home-feed-right {
        width:170px;
        float:left;}

    .home-title {
        font-weight:bold;
        width:100%;
        display:block;
        margin-bottom:5px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;}
    .home-description {
        font-weight:normal;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        padding:0;
        display:block;
        margin:0 0 5px 0;
        color:#666;
    }
    .home-link a {
        font-weight:normal;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        display:block;
        color:#008080;
    }
    .home-link a:hover {
        color:#960;
    }

Answer 1

听起来像是一个 float 问题。尝试添加一个

<br style="clear:both;" />

在两个按钮之间。当然，您可以而且应该为此目的添加一个样式表类。