CSS：如何讓線條在不同列上「排隊」？

我正在創建一個HTML網頁，其中包含三個垂直列。這些列包含不同的內容 - 包括表單元素（選擇等）。CSS：如何讓線條在不同列上「排隊」？

但是，我希望文本行在所有三列之間「排隊」（不確定是否在這裏使用正確的terminolgy）。

此刻，第1,2和3列中的文本（使用第1列文本作爲參考）不是「排隊」的 - 也就是說，如果虛擬水平線要橫過三列，列1上的文本將在行上（因爲它是參考列），並且列2和列3中的文本不在同一水平線上。

是否有一個CSS規則可以用來確保文本「排列」跨所有列 - 即使某些列可能包含窗體控件，圖像等？

來源

2011-11-18 Homunculus Reticulli

這是正常的，讓他們不排隊，他們可能有標題，以及兩者之間的其他內容，但不管怎麼說，如果你想排隊東西同樣你做line-height:25px;/或任何你想要 /，它會更容易，如果你在這裏或在jsfiddle.net粘貼了一些代碼

來源

2011-11-18 23:48:26 Grigor

一個簡單的解決方案是將水平分割。因此，而不是，有：

<div class="col1">forms, images + text</div> 
<div class="col2">forms, images + text</div> 
<div class="col3">forms, images + text</div>

，你可以有以下幾種：

<div class="top-col1">forms, images</div> 
<div class="top-col2">forms, images</div> 
<div class="top-col3">forms, images</div> 
// I assume the columns are floated so you'll probably have 
// something like <br class="clear"/> here 
<div class="bottom-col1">text</div> 
<div class="bottom-col2">text</div> 
<div class="bottom-col3">text</div>

來源

2011-11-18 23:56:47 deviousdodo

CSS：如何讓線條在不同列上「排隊」？

回答

相關問題