1

我正在尝试使用 ul,li 在 html 中在画廊中显示图像

列表项通过while循环迭代

<ul style="list-style-type: none;">
while($data=mysql_fetch_row($result))
{
$path=$data[1];
<li style="list-style:none; float: left; margin-left:4px; margin-top:5px; margin-bottom:5px;">
<div><img src=<?=$path?> width=300 height=240></img></div>
</li>
}
</ul>

但是 ul 标记在开始时显示一个项目符号

请帮我

4

2 回答 2

3
ul, ul li {
   list-style:none;
 }

用 CSS 设置样式

于 2012-05-15T21:58:18.130 回答
0

我看不出它为什么会在您的页面中添加错误的项目符号的任何明显原因,但是您可能需要先整理几件事以排除它们。

首先,没有结束标签。图像元素用尾部斜杠关闭自己。

其次,为什么你用引号括起一些属性而不是其他属性?开始习惯良好的做法并将所有属性括在引号中。

此外,您应该使用样式表将样式与标记分开:

ul, ul li {
    list-style:none;
}

li {
    float: left;
    margin-left:4px;
    margin-top:5px;
    margin-bottom:5px;
}

此外,PHP 的一个技巧是使用while: ... endwhile;它,因为它更具可读性:

<ul>
    <?php
    while($data=mysql_fetch_row($result)) :
    {
        $path=$data[1];
    ?>
        <li>
             <div><img src="<?=$path?>" width="300" height="240" /></div>
        </li>
    <?php endwhile; ?>
</ul>

在编辑您的代码时,我还注意到您没有在 php 标记中包含 while 循环。我假设您在实际应用程序的 php 标记中正确地包含了它?

尼尔

于 2012-05-15T22:05:48.770 回答