PHP图像和文本之间的新行

Question

我检查了一个相关的问题，我看到新行的语法是：

"\r\n"

但是，我不知道如何将其添加到我的网站代码中：

<h2><span>Sneak peak</span></h2>
<ul>
<?php query_posts('orderby=post_date&posts_per_page= 6'); if ( have_posts() ) :  while ( have_posts() ) : the_post(); ?>

<li>

<h3 class="short_title"><a title="Post: <?php the_title(); ?>" href="<?php the_permalink(); ?>"><?php echo ShortTitle(get_the_title()); ?> </a></h3>

<a href="<?php the_permalink(); ?>"><?php getImage('1'); ?></a>

<a href="<?php the_permalink(); ?>"><?php echo limit_words(get_the_excerpt(), '6');
        echo '...</a>';
        echo '</li>'; ?></a>

<?php endwhile; ?></li>
<?php else : ?>
<p>Sorry, no posts were found.</p>
<?php endif; ?>


</ul>

这是我的网站，我想做的是把文字放在图片的“潜行峰”在一个新的行。

非常感谢：）

Answer 1

简单地加上

#content .blog ul li a + a { display: block; }

符合你的风格。css，这将根据您的需要设置样式。

Answer 2

这是你的形象：

<a href="<?php the_permalink(); ?>"><?php getImage('1'); ?></a>

以下是摘录：

<a href="<?php the_permalink(); ?>"><?php echo limit_words(get_the_excerpt(), '6');
    echo '...</a>';
    echo '</li>'; ?></a>

在HTML中，要生成新行，请编写：

<br><!-- br is short for "break" -->

因此，要在图像和文本之间划出一条新线，只需写下：

<a href="<?php the_permalink(); ?>"><?php getImage('1'); ?></a>

<br>

<a href="<?php the_permalink(); ?>"><?php echo limit_words(get_the_excerpt(), '6');
    echo '...</a>';
    echo '</li>'; ?></a>

这就是说，更好的做法是使用CSS将图像设置为块样式化元素，然后它将填充宽度，迫使文本位于新行上。

由于我不清楚函数getImage（）的作用，下面是我的解决方案：

<a href="<?php the_permalink(); ?>">
    <div class="imageContainer">
        <?php getImage("1"); ?>
    </div>
</a>

使用CSS：

.imageContainer {
    display:block;
    text-align:center;
}

这将保持图像的尺寸，使其居中，然后将文本强制到新行上。