html - Foreach 循环位置无法正常工作
问题描述
我正在尝试列出已存储在 mysql 数据库中的人员的列表,但是只有第一个数据库项目的样式正确,而其他项目则不合适。我对css相当陌生,我可能在while循环或定位中犯了一个错误。
https://i.imgur.com/cKJqT6s.png 图片^^
我正在使用的代码如下:
<div id="adminsummary">
<div id="admintitel">
<p id="admintext">Admin Overview</p>
</div>
<?php
while ($row = mysqli_fetch_array($result)) {
$steamid = $row["steamid"];
$xml = simplexml_load_file("http://steamcommunity.com/profiles/$steamid/?xml=1");
if (!empty($xml)) {
$username = $xml->steamID;
}
?>
<div id="admin">
<img id="adminimg" src="<?php echo $steamprofile['avatarmedium']; ?>">
<p id="adminname"><?php echo $username; ?></p>
<!-- <p id="adminname"> SteamID: <?php echo $row["steamid"]; ?></p> -->
<p id="adminname"> Rank: <?php if ($row["rank"] == 1) {echo "SuperAdmin";} else {echo "Admin";} ?></p>
<hr id="hr2">
</div>
</div>
样式表:
#adminsummary {
background: white;
margin-top: 5%;
height: 75%;
width: 25%;
margin-right: 5%;
float:right;
border-radius: 25px;
box-shadow: 10px 10px 77px -6px rgba(0,0,0,0.59);
}
#admintitel{
background: #343a40;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
#admintext{
color: white;
font-family: sans-serif;
font-weight: bold;
text-align: center;
padding: 25px;
}
#adminimg {
border-radius: 25px;
float: left;
margin-left: 25px;
}
#hr2 {
display: block;
margin-top: 25px;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
#adminname {
text-align: left;
font-weight: bold;
margin-left: 25%;
font-family: sans-serif;
}
感谢您花时间帮助我
解决方案
尝试将类而不是 id 放在divs
循环p
中while
。
ID 在 中是唯一的CSS
,这解释了为什么第一行是样式化的,而不是其他行。
推荐阅读
- c# - 如何使 xamarin.ios 中生成的 gif 变慢?
- powershell - 使用 RSA 私钥在 Powershell 中将 JSON Web 令牌加密为 RSA RS256
- windows - Windows 上的 CMake:如何查找和链接不同的库以进行发布和调试
- php - Facebook 用户搜索 API
- c# - 引用另一个文件时无法导入 JSON 文件
- c# - 如何重置 EntityFramework .NET Core WebServer 的 ConnectionString
- joomla - JCE 2.5 缺少它的工具栏
- python - 如何在特定位置的 .json 字典中添加新键?
- azure - 安全 Azure 资源免受攻击
- android - 使用 volley 获取位置数据并在 Google 地图中创建多个标记