Question

我有一个名为＆＃34; box＆＃34;但我不能使用文件style.css

中的css样式

<div id="right">


        <?php
            $cc = 1;
        for($i=1; $i<=71; $i++)
            {
                $query = mysql_query("SELECT * FROM photos WHERE product_id='".$i."'");
                $row = mysql_fetch_array($query);
                $t="img/";
                $file = $t .$row[1];
                if($cc % 5 == 1) echo "<ul>";
                echo '<li><div id="box"><a href="#"><img src =thumb.php?file=' . $file . '&size=120></a></div></li>';
                if($cc % 5 ==0) echo "</ul>";
                $cc ++;
                } ?>


    </div>

如果我把css样式声明用于内联它

 #right {
/*margin-left: 12em;*/
padding-left: 50px;
border-left: 1px solid #CCC;
 }
 #right img {
border: 1px solid #CCC;
 }
#right li { display: inline-block; }


#box {width: 150px; height: 150px; background-color: white; text-align: center;padding-top:20px;}

有什么问题？

Answer 1

发布你的style.css（以确保它是正确的）和整页html源代码（以确保正确包含style.css）。

CSS应如下所示：

#box {
width: 150px; 
height: 150px; 
background-color: white;
text-align: center;
padding-top:20px;
}

Answer 2

重写第一句话：

echo '<li><div id="box"><a href="#"><img src="thumb.php?file=' . $file . '&size=120"></a></div></li>';

轻微重写第二个陈述：

echo '<li><div style="width: 150px; height: 150px; background-color: white; text-align: center; padding-top:20px;">';

尝试一下，让我知道它是否工作得更好（HTML的某些部分有点格式错误，所以我调整了它们。）

此外，如果您附上相关的<link rel="stylesheet" href="link_to_stylesheet.css" />以及div#box的实际css，也不会受到影响。

CSS - 无法获取样式属性

2 个答案: