Php 在“纵断面”选项卡中添加柱结构(如网格)
在我的网站上,每个用户都有一个配置文件,在一个专用的配置文件选项卡中包含其提交的帖子 我使用此代码显示帖子:Php 在“纵断面”选项卡中添加柱结构(如网格),php,html,css,Php,Html,Css,在我的网站上,每个用户都有一个配置文件,在一个专用的配置文件选项卡中包含其提交的帖子 我使用此代码显示帖子: <?php while ($ultimatemember->shortcodes->loop->have_posts()) { $ultimatemember->shortcodes->loop->the_post(); $post_id = get_the_ID(); ?> <div class="um-item">
<?php while ($ultimatemember->shortcodes->loop->have_posts()) { $ultimatemember->shortcodes->loop->the_post(); $post_id = get_the_ID(); ?>
<div class="um-item">
<div class="um-item-link"><i class="um-icon-ios-paper"></i><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
<?php if ( has_post_thumbnail( $post_id ) ) {
$image_id = get_post_thumbnail_id( $post_id );
$image_url = wp_get_attachment_image_src( $image_id, 'full', true );
?>
<div class="um-item-img"><a href="<?php the_permalink(); ?>"><?php echo get_the_post_thumbnail( $post_id, 'thumbnail' ); ?></a></div>
<?php } ?>
<div class="um-item-meta">
<span><?php echo sprintf(__('%s ago','ultimatemember'), human_time_diff( get_the_time('U'), current_time('timestamp') ) ); ?></span>
<span>dans: <?php the_category( ', ' ); ?></span>
<span><?php comments_number( __('no comments','ultimatemember'), __('1 comment','ultimatemember'), __('% comments','ultimatemember') ); ?></span>
</div>
</div>
<?php } ?>
但布局混乱,一切都被破坏了。我怎样才能改进它?我想要一个后网格:
Post 1 Post 2 Post 3
Post 4 Post 5 Post 6
Post 7 Post 8 Post 9
Post 10 Post 11 Post 11
谢谢你的帮助和时间为什么不用桌子呢?如果您使用的是像bootstrap这样的CSS框架,那么还可以应用类“col-md-4” 你能更准确地回答你的问题吗?@Blip我刚刚编辑了我的帖子,解释了我想要得到的布局。我想要一个带有柱子的网格,而不仅仅是一根柱子。要创建网格,我需要2列或3列文章。适当演示该问题会很有用……PHP对我们来说没有什么价值。除非所有文章的高度都相同,否则可能不可能。@Paulie_D这是一列:这是问题:
#left
{
width: 200px;
float: left;
}
#right
{
margin-left: 200px;
}
.clear
{
clear: both;
}
Post 1 Post 2 Post 3
Post 4 Post 5 Post 6
Post 7 Post 8 Post 9
Post 10 Post 11 Post 11