表中奇怪的错误

Question

我有一个包含2行和6个列的表。

我在inspect element玩，并附带了我需要的解决方案（见下图）

如你所见，现在看起来不错。

我将它应用到网站的css后面看起来如下：

CSS

style1 //Categorie
{
    width:175px;
    display:inline-block;
}

.style2
{
width: 175px; //Klant
}

.style3
{
    width:175px; // Website
}

.style4
{
    width:175px; // Titel
}

我输入的代码是第1行（下拉列Categorie）到display:inline-block

任何人都知道结果会有什么不同吗？

我需要左边的“Klant”，靠近“Categorie”

Answer 1

删除显示标记并向所有样式块添加float：left 另外：你错过了style1之前的一个点

.style1 //Categorie
{
    width:175px;
    float: left;
}

.style2
{
width: 175px; //Klant
float: left;
}

.style3
{
    width:175px; // Website
    float: left;
}

.style4
{
    width:175px; // Titel
    float: left;
}

如果这不起作用，请发布html

Answer 2

从截图中看，唯一的区别似乎是第二个表格更宽：

这是你要解决的问题吗？

我怀疑你的问题只是桌子流入更宽的区域（因此列更宽，桌子内的所有东西都分开了）。您发布的课程是否可能分配给选择而不是表格单元格？

最好的办法是为表格分配一个宽度 - 如果是这种情况 - 您可以通过为表格提供一个类来指定宽度，或直接在表格中标记自己（不太推荐）。< / p>