Teilen Sie die Tabellenzeile in zwei Zeilen

9

Gibt es eine Möglichkeit, eine Tabellenzeile in zwei Zeilen aufzuteilen, anstatt verschachtelte Tabellen zu verwenden?

Es ist was ich will:

td #4 sollte volle Breite haben und ich weiß nicht, ob es einen CSS Trick gibt oder irgendetwas, um dies zu tun oder nicht.

HINWEIS: Ich möchte kein weiteres <tr> mit colspan verwenden. Ich möchte es innerhalb derselben Zeile innerhalb anderer <td> s haben, da ich eine gestreifte Tabelle verwende, Ссылка .

    
Maysam 14.02.2014, 12:47
quelle

2 Antworten

4

Wenn Sie Ihre Frage aktualisiert haben, können Sie auch verschachtelte div -Elemente mit display: table-cell; -Eigenschaften

verwenden %Vor%

Demo

  

Hinweis: Ja, Sie können auch float the div , was ich mehr bevorzugen würde   hier, mit einer Selbstreinigung class , aber ich habe display: table-cell; verwendet, damit es die Eigenschaften wie vertical-align: middle; beibehält, die Sie möglicherweise benötigen, während Sie table

verwenden

Warum nicht colspan dafür verwenden?

Demo

%Vor%
  

Hinweis: Ich verwende border und width Attribute hier nur für   Demonstrationszweck, erwägen, ein class zu deklarieren und es mit   CSS

    
Mr. Alien 14.02.2014, 12:49
quelle
0

Oder Sie können jQuery verwenden, um all dies zu tun. Sehen Sie die Geige-Demo hier

HTML-Code hier:

%Vor%

Und ein jQuery-Handler wie:

%Vor%     
DhruvJoshi 14.02.2014 13:08
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Finde effizient jede Kombination von kleineren Bins zu größeren Bins