在基于表格的布局中显示PHP信息

在基于表格的布局中显示PHP信息,php,html,wordpress,html-table,Php,Html,Wordpress,Html Table,我试图在2x5表格中显示“会见团队”页面,使用Wordpress中以前的网页设计师编写的代码 这是我正在看的页面——正如我所说,我想在表格中显示图片,因此看起来更整洁 我的密码是- <div id="maintext"> <h1>MEET THE TEAM</h1> <h3>THE STIRLING HOUSE ADMINISTRATION TEAM</h3> <?php $members =get_pos

我试图在2x5表格中显示“会见团队”页面,使用Wordpress中以前的网页设计师编写的代码

这是我正在看的页面——正如我所说,我想在表格中显示图片,因此看起来更整洁

我的密码是-

<div id="maintext">
    <h1>MEET THE TEAM</h1>
    <h3>THE STIRLING HOUSE ADMINISTRATION TEAM</h3>
    <?php $members =get_posts('numberposts=99&cat=4&order=ASC'); //print_r($members); 
    foreach ($members as $post) {
    setup_postdata($post);?> 
    <div class="member-box">
        <img src="<?php echo get('member_photo');?>" alt="" style="margin:5px 7px 0 0;" />
        <h3><?php echo $post->post_title;?></h3>
        <h4><?php echo get('member_designation');?></h4>

会见团队
斯特林房屋管理小组
“alt=”“style=”页边距:5px 7px 0;" />

有人能帮忙吗?

一种方法是在foreach之前添加一个计数器(例如,
$n
),将其初始化为零,并在每次循环结束时递增。然后,使所有奇数div向左浮动,偶数div向右浮动

这就是代码的样子(或多或少):


大多数网页设计师(2005年后左右)认为,
元素不应用于布局/设计。如果您将以下CSS规则添加到您的网站,样式表:

.member-box { display: inline-block; }
您将得到如下内容:


很抱歉间接回答,但我认为这是您真正想要的答案…;)

您以前在CSS方面做了多少工作?我会尝试将
成员框的
显示属性更改为内联块,看看这是否能让您更接近您要找的内容。哇,感谢您的快速响应!The CSS处理:)没问题。如果这对您有效,请单击左侧的勾号将其标记为答案:)
.member-box { display: inline-block; }