php - div类在php中不起作用

Question

我将非常感谢我在这件事上能得到的任何帮助。我在 Ubuntu Linux 服务器操作系统上使用 xampp。我有一个保存为 template.php 的文件。我在 template.php 上定义了一个样式，其中包含一个 div 类“spcout”。当我尝试使用“spcout”时，标签中的文本应该在网页宽度上均匀地分布在一行中。不幸的是，这并没有发生。看来我的 div 类没有被阅读。我尝试在 .html 文件中使用相同的代码，当我在本地打开文件时它可以工作。如果我将相同的 html 文件上传到 Web 服务器，则相同的 html 文件将无法正确显示。任何帮助表示赞赏！谢谢。

<style type="text/css"> 
ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}
li
{
    display:inline;
}

div.spcout
{
    display: table;
    width: 100%;
}

div.spcout span
{
    display: table-cell;
    text-align: center;
}
</style>

<div id="container">
<img src="images\baseimage.png">

<div class="spcout">
<span>code 1</span>
<span>code 1</span>
<span>code 1</span>
</div>    
</div>

Answer 1

<style type="text/css"> 

div.spcout span
{
    display: block;
    text-align: center;
    float:left;
    width:100px;
    height:100px;
    margin-right:5px
}
</style>

<div id="container">
<img src="images\baseimage.png">

<div class="spcout">
<span>code 1</span>
<span>code 1</span>
<span>code 1</span>
</div>    
</div>