Php 水平对齐列表项

我试图在宽度为92%的

上分布三个

元素。到目前为止，我只是将

集中在这个类中：

.centeralign {
display: table;
margin: 0 auto;

}

但是，在尝试了许多方法将这些

元素均匀地分布在
上之后，我似乎仍然无法让它们分布。我得到三张像下图一样的照片

以下是HTML/PHP代码：

<ul class="featuredevs centeralign">
<?php
    $developers = array();

    $sql = "SELECT `userid` FROM UserData WHERE `name`!='' AND `profileImg`!='' ORDER BY `userid` desc limit 3;";
    include 'SQLaccount.php';
    $result = mysqli_query($accountCon,$sql) or die ("Error: ". mysql_error(). " with query ". $sql);
    $numOfDevs = $result->num_rows;
    mysqli_close($accountCon);
    while($row = mysqli_fetch_array($result)){
        array_push($developers, $row['userid']);
    }


    <?php
$cnt = 3;
foreach ($developers as $userid) {
    $name = "";
    $profileImg = "";

    $sql = "SELECT `name`, `profileImg` FROM UserData WHERE `userid`=$userid;";
    include 'SQLaccount.php';
    $result = mysqli_query($accountCon,$sql) or die ("Error: ". mysql_error(). "    with query ". $sql);
    mysqli_close($accountCon);
    while($row = mysqli_fetch_array($result)){
        $name = $row['name'];
        $profileImg = $row['profileImg'];
        break;
    }

    echo('<li class="developerdiv">');

    echo ("<a class='' href='profile.php?user=$userid'>");

    echo("<img class='featureimage img-rounded' src='userPictures/$profileImg' alt='$name Profile Picture>");

    echo("div class='devinfo'>");
    echo("<p class='devname'>" . $name . "</p>");
    echo("<p class='devdesc'>" . $userid . "</p>");
    echo("</div>");

    echo ('</a>');

    echo('</li>');


    $cnt += 1;

}


    ?>
    </ul>


您在
alt
属性
echo（“”）中缺少一个结束符
”
此外，我建议您在php代码中的
“
中编写字符串，这样您就可以使用
“
所以我把这把小提琴放在一起--我只看到一个li元素。您希望名称和用户ID位于单独的lis中吗？不，您只看到1个li的原因是它通过php代码自动显示3个li。