如何摆脱Flexbox项目中不需要的项目符号点?

这是使我发疯的奇怪情况。

我有一个简单的flexbox情况来显示图像,但是每个图像在左下角都有一个项目符号点,尽管我具有列表样式:代码中没有任何内容。

奇怪的是,我在不同的站点上使用了相同的代码,并且那里没有要点。我一直在研究代码,但找不到故障,尽管我希望这很简单。

谁能让我摆脱苦难? -最好不要打扰我的问题或发表粗鲁的评论。我已经待了好几天了,在这个站点或其他站点上找不到答案,现在我束手无策了。

我的代码:

<ul class="flex-container">
<?php
try {
$dbh = new PDO("mysql:host=$hostname;dbname=$dbname;charset=utf8;", $username, $password);
    $dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $stmt = $dbh->prepare("SELECT * FROM flowershow WHERE subcategory=:subcategory ORDER BY id ASC");
$stmt->bindParam(':subcategory', $subcategory, PDO::PARAM_STR);
$stmt->execute();
   $result = $stmt->fetchAll();
    foreach($result as $row){
echo ' <li class="flex-item">';
echo '<img src="uploads/' . $row['image'] . '" alt="entry image" class="voting">';
echo'</li>';
}
    $dbh = null;
} 
catch(PDOException $e)
{
echo $e->getMessage();
}
?>
</ul>

我的CSS:

.flex-container{
  padding: 0;
  margin: auto;
  list-style: none;
  display: flex;
flex-flow: row wrap;
  justify-content: space-around;
}

.flex-item{
  padding: 15px;
  width: 100%;
max-width: 400px;
  margin-top: 10px;
  color: white;
list-style: none;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
}

根据要求呈现HTML:

<ul class="flex-container">
 <li class="flex-item"><img src="uploads/1027-6515_thumb.jpg" alt="entry image" class="voting"></li> <li class="flex-item"><img src="uploads/_MG_0343_thumb.jpg" alt="entry image" class="voting"></li></ul>
评论