0

私は現在、通常のhtmlテーブルを次のように変更することに取り組んでいます:

オリジナル

次のようにインデントされたバージョン:

ここに画像の説明を入力

これをhtmlで設定できなくても、テキストの開始に合わせて境界線の最初の部分を非表示にする方法を知っている人がいるかもしれません。

4

3 に答える 3

2

これは、テーブルセルをいじって、display:inline-block;これを実現する他の方法を利用することで実現できますが、ほとんどのブラウザで機能するはずです。

デモをいじる

于 2012-09-09T10:40:14.150 に答える
2

これを行うにはいくつかの悪い方法があります。あなたはただ創造的になる必要があります。

以下は、いくつかのクラス、空のテーブル セル、colspans を使用した、これを行う 1 つの例です: http://jsfiddle.net/ESFuC/

于 2012-09-09T10:31:22.853 に答える
1

たぶん、このようなセル内に div があります。

http://jsfiddle.net/UdF98/

一番下の行を赤くしましたが、一番下の行以外は問題ないようです。場合によっては、ニーズに合わせて変更することもできます。

于 2012-09-09T10:56:35.903 に答える