html - テーブルの奇妙なバグ

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
}

入力したコードは、最初の tbl 行 (ドロップダウンCategorie)に対するものでしたdisplay:inline-block

結果が異なる可能性がある方法を知っている人はいますか?

「Category」の近くの左側に「Klant」を取得する必要があります

Answer 1

display タグを削除し、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を投稿してください