在博客上的两个按钮之间需要空间

时间:2016-02-28 18:28:44

标签: html css

我需要帮助在我的博客上的两个按钮之间创建空间,一个用于上一个帖子,一个用于下一个。两个按钮彼此相邻,我需要在左右角。这是他们的代码:

                            <?php
                            $prev_post = get_previous_post();
                            if (!empty( $prev_post )): ?>

                                <a class="post-nav-prev" title="<?php _e('Previous post:', 'baskerville'); echo ' ' . esc_attr( get_the_title($prev_post) ); ?>" href="<?php echo get_permalink( $prev_post->ID ); ?>"><?php _e('Previous post', 'baskerville'); ?></a>

                            <?php endif; ?>

                            <?php
                            $next_post = get_next_post();
                            if (!empty( $next_post )): ?>

                        <a  class="post-nav-next"  title="<?php _e('Next post:', 'baskerville') ;  echo ' ' . esc_attr( get_the_title($next_post) ); ?>" href="<?php echo get_permalink( $next_post->ID ); ?>"><?php _e('Next post', 'baskerville'); ?></a>

                        <?php endif; ?>

                            <?php edit_post_link( __('Edit post', 'baskerville')); ?>

                            <div class="clear"></div>

1 个答案:

答案 0 :(得分:0)

老实说,我试图在本地运行您的代码段,但是无法让它工作,所以我会尽力帮助您实现您想要的目标。

但在开始之前,请确保您不要在与PHP无关的帖子中发布PHP代码段。如果你只发布HTML代码,它会让事情变得更容易。

所以我看到你有两个元素,你用作按钮。你不希望它们彼此相邻,但是在右下角和#34;虽然我不确定你是指页面的角落还是那些按钮可能或不可能的角落,但我会解决这个问题。

&#13;
&#13;
#navigationControls{
  width:300px;
  height:20px;
}
&#13;
<div id="navigationControls">

<a class="post-nav-prev" title="test">Previous</a>
<a class="post-nav-next" style="float:right" title="test">Next</a>

</div>
&#13;
&#13;
&#13;

通过将它们放入具有定义宽度的容器中,我们可以将下一个按钮浮动到容器的右侧。您可以将容器宽度修改为您希望的宽度。

如果我的回答让你朝着正确的方向前进,如果你需要任何帮助,请告诉我。