我有一个wordpress博客,我想在其中迭代帖子。列表中的每个帖子左侧都有一些小照片。以及标题和副标题在右边。
但是您可以看到,每个帖子之间的距离并不相等,而是与标题和副标题的长度有关。文字越长,每个帖子之间的距离越大。我想每次将其更改为相同大小的固定长度。我该怎么做?这是我的代码:
<div style="padding-top: 25px;" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<p>
//IMAGE
<?php if ( has_post_thumbnail() ): ?>
<a style="float: left; padding-right: 25px;" href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a> <?php endif; ?>
//TITLE
<h2 style="padding-top: -20px;"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'ari' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a>
</h2>
//SUBTITLE
<?php echo get_secondary_title(); ?>
</p>
</div>
最佳答案
您可以限制标题和字幕的最大长度以将其截断。
尝试这个:
.text-to-truncate {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
或检查一下:
https://software.intel.com/en-us/html5/hub/blogs/ellipse-my-text/
关于php - CSS:删除由“float”命令创建的其他空格,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/49692988/