扩展表格单元格，内联CSS样式无法正常工作

Question

我有一张包含各种数据的表格，单元格宽度不均匀。

我无法改变这些细胞的样式。

<table border=1 cellpadding=1 cellspacing=1>
    <tr>
        <th>Title</th>
        <th>Description</th>
        <th>Embed Code</th>
        <th>Delete</th>
    </tr>

<?php

...

echo "<tr>";
    echo "<td>".$row['title']."</td>";
    echo "<td>".$row['description']."</td>";
    echo "<td>".$row['embed']."</td>";
        =echo "<td><a href=delete-sound.php?id=".$row['id'].">Delete</a></td>";
echo "</tr>";

?>

我尝试更改列顶部的整列数据的宽度 - th：

    <tr>
        <th style="width: 200px;">Title</th>
        <th>Description</th>
        <th>Embed Code</th>
        <th>Delete</th>
    </tr>

但是，这似乎无法发挥作用。

我还尝试对该列中的每个迭代单元格执行此操作，如下所示：

echo "<tr>";
    echo "<td style=/"width: 200px;/">".$row['title']."</td>";
    echo "<td>".$row['description']."</td>";
    echo "<td>".$row['embed']."</td>";
        =echo "<td><a href=delete-sound.php?id=".$row['id'].">Delete</a></td>";
echo "</tr>";

不幸的是，这似乎也不起作用。

Answer 1

虽然我看到评论对你有帮助，但也有另一种解决方案。

只需使用style="table-layout:fixed;"设置表格样式。

表格的问题在于，单元格的宽度是根据默认表格中的内容宽度任意设置的 - 这是我之前提到的样式所固定的。