单HTML页面中的表对齐

Question

这是一个主题，HTML或css问题。所以当我提到"tiki“时，请不要留下这个。我相信这个问题可以用一个简单的css脚本来解决。

在我们的大学网页上，我使用Tiki-wiki平台。请看一下“人民”一页。此页面由多个表组成，每个表中都列出了一组人员。

问题:在上一个版本的Tiki中，整个页面中的所有名称都是对齐的，而没有我的干预。现在，在新版本的Tiki中，您可以看到所有的名称都没有对齐。每个表都有自己的名称位置。情况是这样的，尽管所有的表都有完全相同的html标记和css样式，以及完全相同的图像大小。

事实上，这在上一个版本的tiki工作，使我相信这只是一个造型问题，因为主题也是更新的。

你能告诉我我要怎么做才能解决这个问题，使所有的名字都对齐吗？对于每个表，我用类名为"peopletablediv“创建了自己的div。

如果您需要更多的信息，请询问。

PS:重新创建整个页面不是首选的解决方案。

Answer 1

只需加上

.peopletablediv .wikitable {
    table-layout: fixed;
}

你的网站的CSS，你就完成了。

Answer 2

在CSS中，您可以为td推荐图片指定固定大小：

.wikicell
{
    width: 408px; /* or any convenient value here */
}

Answer 3

我会尝试把这个添加到你的CSS中

.wikitable > tr > .wikicell:first-child{
    width: 350px;
}