0

CSS3テーブルを使用してこのように見せることは可能ですか？

 +---A---+---B---+---C---+---D---+---E---+
 >>>>+---A---+---B---+---C---+---D---+<<<<  ---> case 1
 +---A---+---B---+---C---+---D---+---E---+

ケース1：最初のセルを右にマージン左にする必要がありますか？マージンを自動化するコードですか

 +---A---+---B---+---C---+---D---+---E---+
 +-----A-----+-------B-------+---C---+-D-+  ---> case 2

ケース2：colspanは、セル幅が同じである場合に機能します。セル幅が変化した場合はどうなりますか。出来ますか？

このコードはすべてCSS3とHTML5のみである必要があります。役に立たない<table>、、<tr>のみ<td><div>

テーブルを使用する代わりにグリッドを使用するように変換する必要がありますか？

ありがとうございました。

4

1 に答える 1

0

表形式のデータの場合はテーブルを使用し、そうでない場合は他のデータを使用します。

列幅が一致せず、colspansが希望どおりに機能しない例から、データが表形式のデータである可能性を理解するのは困難です。

いくつかのオプション、colspanは、正しい方法で実行すれば機能します。たとえば、通常のシングルスパンセルに2のcolspanを設定すると、他のセルを別の列の途中までスパンさせることができます。

または、実際に表形式のデータではない場合は、DIVを使用して適切に配置します。

テーブルを使用すると、他のすべての行のセルの幅に影響を与えずに1つの行のセルの幅を変更することはできませんが、テーブルが描画された後、colspanを動的に変更できるかどうかさえわかりません。正直に言ってみてください。 ）。

正直なところ、データが表形式のデータモデルに適合していないように見えるため、DIVを使用してこれを解決しようとしているのではないかと思います。Tbularデータは通常、列にヘッダーがあり、適切な列の列ヘッダーに対応するデータがあります。セルは自由に移動できるように見えるため、特定の列ヘッダーの下に固定されません。

レイアウトから、ある種のカレンダーを作成しているのではないかと思いますか？イベントは、列全体で任意の時間の距離などにまたがることができますか？その場合、私は個人的にdivを好みますが、テーブルの使用を好む人もいます。

于 2012-07-23T10:48:24.793 に答える