CSS:如何将行设置为;“排队”;跨越不同的栏目?

CSS:如何将行设置为;“排队”;跨越不同的栏目?,css,Css,我正在创建一个HTML网页,它由三个垂直列组成。列包含不同的内容-包括表单元素(选择等) 但是,我希望文本行“对齐”所有三列(不确定我在这里使用的术语是否正确) 目前,第1列、第2列和第3列中的文本(使用第1列文本作为参考)未“对齐”-也就是说,如果要在三列之间绘制虚拟水平线,则第1列中的文本将在线上(因为它是参考列),第2列和第3列中的文本不在同一水平线上 有没有CSS规则可以用来确保文本在所有列之间“对齐”——即使某些列可能包含表单控件、图像等?没有对齐是正常的,它们之间可能有标题和其他内容

我正在创建一个HTML网页,它由三个垂直列组成。列包含不同的内容-包括表单元素(选择等)

但是,我希望文本行“对齐”所有三列(不确定我在这里使用的术语是否正确)

目前,第1列、第2列和第3列中的文本(使用第1列文本作为参考)未“对齐”-也就是说,如果要在三列之间绘制虚拟水平线,则第1列中的文本将在线上(因为它是参考列),第2列和第3列中的文本不在同一水平线上


有没有CSS规则可以用来确保文本在所有列之间“对齐”——即使某些列可能包含表单控件、图像等?

没有对齐是正常的,它们之间可能有标题和其他内容,但无论如何,如果你想将内容平均对齐,你就要做
行高:25px/或任何您想要的/,如果您在这里或在jsfiddle.net粘贴一些代码会更容易一个简单的解决方案是在水平方向上拆分列。因此,我们没有:

<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>
表单、图像
形式、图像
形式、图像
//我假设这些列是浮动的,所以您可能会
//类似于这里的