0

我希望视频的每个条目彼此相邻对齐，而不是在每个视频下方。因此，与下面我当前的 PHP 和 HTML 代码中的图像示例一样，“user1”之后的部分应该向右而不是在下面（其余部分相同）。

对齐

这是我现在使用的代码。我正在使用一个while循环，我尝试摆弄它几个小时但没有成功。有人可以帮忙吗？

include"core/database/connect.php";

$query_pag_data = "SELECT V_TITLE,V_USERNAME from upload LIMIT $start, $per_page";
$result_pag_data = mysql_query($query_pag_data) or die('MySql Error' . mysql_error());
$msg = "";

while ($row = mysql_fetch_array($result_pag_data)) {
$htmlmsg=htmlentities($row['V_USERNAME']);
$msg .= "<a href='index.php'><img src='images/link_pic.png' alt='error' width='128' height='96'></a>" . "<li><b>" . $row['V_TITLE'] . "</b> " . $htmlmsg ."</li>";
}

$msg = "<div class='data'><ul>" . $msg . "</ul></div>"; // Content for Data

还有我的 CSS 文件：

#container .data ul li{
list-style: none;
font-family: verdana;
margin: 5px 0 5px 0;
color: #000;
font-size: 13px;
}

如果我添加“显示：内联块；” 到我的css（分别为.data），这就是我得到的：

对齐2

我希望它位于黑色图像下方而不是旁边的文本描述。

4

2 回答 2

0

<img>将您的和<div>with 类包装.data在 a 中<div>，然后添加display: inline-block;一些padding（为了美观）以使它们位于同一行。

所以你的代码现在是这样的：

include"core/database/connect.php";

$query_pag_data = "SELECT V_TITLE,V_USERNAME from upload LIMIT $start, $per_page";
$result_pag_data = mysql_query($query_pag_data) or die('MySql Error' . mysql_error());
$msg = "";

while ($row = mysql_fetch_array($result_pag_data)) {
$htmlmsg=htmlentities($row['V_USERNAME']);

$msg .= "<div class='inline'><a href='index.php'><img src='images/link_pic.png' alt='error' width='128' height='96'></a>" . "<li><b>" . $row['V_TITLE'] . "</b> " . $htmlmsg ."</li></div>";
}

$msg = "<div class='data'><ul>" . $msg . "</ul></div>"; // Content for Data

你的 CSS 将是：

.inline {
    display: inline-block;
}

或者，如果可能的话，然后将其添加到您的.data课程中：

.data {
    display:inline-block;
}
于 2013-07-28T13:36:12.253 回答
0

当您显示项目本身时，此行：

$msg .= "<a href='index.php'><img src='images...

尝试放置一个 id 属性，它看起来像：

$msg .= "<a href='index.php'><img id="nextTo" src='images

然后在你的CSS中：

#nextTo{
    float: left;
}
于 2013-07-28T13:36:46.520 回答