PHP图像和文本之间的新线

时间:2016-04-05 14:40:16

标签: php wordpress image web text

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

"\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>

This is my website,我想要做的就是将文字放在“Sneak peak”中的图片中,换行。

非常感谢:)

2 个答案:

答案 0 :(得分:0)

这是你的形象:

<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制作一个block样式元素,然后填充宽度,将文本强制换行。

由于我不清楚函数getImage()的作用,这将是我的解决方案:

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

使用CSS:

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

这将保留图像的尺寸,使其居中,然后将文本强制换行。

答案 1 :(得分:0)

只需添加

bspframestring<-( "id,name1,name2,v1,v2,v3,v4
 1,1,z,1,1,5,1
 2,2,z,0,1,8,1
 3,2,y,0,4,0,5 
 4,1,y,5,3,4,4
 5,2,y,4,9,5,5")

bspframe<-read.table(textConnection(bspframestring),
                     header=TRUE,sep=",",row.names="id")

bspframesub<-subset(bspframe,name2=="y",select=c("name1","name2","v2"))

summary(bspframesub)

#     name1       name2       v2       
# Min.   :1.000   y:3   Min.   :3.000  
# 1st Qu.:1.500   z:0   1st Qu.:3.500  
# Median :2.000         Median :4.000  
# Mean   :1.667         Mean   :5.333  
# 3rd Qu.:2.000         3rd Qu.:6.500  
# Max.   :2.000         Max.   :9.000  

row.names(bspframesub)

# [1] "3" "4" "5"

到你的style.css,这会根据你的需要设计它。