0

ユーザーにデータを表示する必要があります。

データは「Label: InputForLabel」として表示され、2 つの列があります。次のようになります。

ここに画像の説明を入力

各行に 4 列のテーブルを使用することから始めました。各列の幅は 25% で、テーブルの幅は 100% です。これにより、上記の表示が得られます。

.ContentTable {
    width: 100%;
}

.ContentTable tr {
    height: 18px;
}

.ContentTable tr td{
    width: 25%;
}

ここで、特定のアイテムとそのラベルを動的に削除できるようにするという追加の要件があります。アイテム/ラベルを非表示にするだけでは、テーブルにギャップが残ります。行ごとに常に2つのアイテム/ラベルを表示し、アイテム/ラベルが非表示になっているときにすべてが折りたたまれていることを望んでいます。

これは、div がより簡単に実行できるように思えますか? または、テーブルオブジェクトに「各行に常にこの数の列があります。列が非表示の場合、次の行から最初の列を引き出し、すべてを前方にスライドさせます」と伝える方法はありますか?

4

1 に答える 1

1

大きなテーブルを 1 つ持つことには意味がないので、テーブルで構成されたマークアップを使用している場合でも、それを 2 つの列に分割する必要があります (これにより、列の 1 つの行の表示/非表示に関する問題が解消されます :o) .

次に、コンテンツを 2 つの列に分割したときにテーブル レイアウトが適しているかどうかを質問できます。MasterAM は正しいと思います。ulこの種のレイアウトに使用してみてください (そして、リストはテーブルの行と同じくらい簡単です)

于 2012-10-12T23:48:33.077 に答える