2012-04-12 42 views
0

請參閱this jsfiddle表格標記;使用顯示器後,在標籤後出現換行符:table-cell,table-row

我的目標是設想一些HTML標記,它允許我自動生成具有可變標籤寬度的標籤,標籤位於頂部或左側,而不必有條件地生成[很多]標記。

要使用不同的標籤寬度實現標籤對齊,我使用this question中列出的display: table cell/row;技巧。

然而,這隻會在我的所有標籤都label.left.當我有一個label.top工作,我不能想出一個CSS方式div.control推兄弟到下一行!

任何人都可以想象一個簡單的方法來做到這一點,或更合適的佈局來實現我在找什麼?

就這樣,我完全清楚,我希望div.control'姓'出現在其標籤的下一行。

謝謝!

+0

是否有必要使用錶行? – w3uiguru 2012-04-12 02:30:39

+0

不,它不是。到目前爲止,除了使用表格外,這是我想出的自動標籤寬度對齊的唯一方法。如果你有另一種選擇,我全是耳朵! – Alex 2012-04-12 02:38:21

+0

你只是告訴我你想要什麼佈局和結構,我會立即給你解決方案。如果可能的話顯示圖像或屏幕截圖。 – w3uiguru 2012-04-12 02:46:45

回答