table tr td:nth-child(n){ text-algin: left || right || center }
第一列 n = 1
当然可以。
首先,使用一个div.box 把整体结构包裹起来
<div class="box"><!-- 所有内容在这里 -->
</div>
每个“文字”部分的结构,我习惯使用 dl>dt+dd 结构。
所以这个结构就应该是:
<div class="box"><!-- 所有内容在这里 -->
<div class="item">
<dt>文字</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dd>内容3</dd>
</div>
<!-- 其他略 -->
</div>
假如,整个div.box 宽为1000px,一共有4个“文字”部分。那么主体的样式就应该这样:
.box{width: 1000px
margin-left: auto
margin-right: auto
overflow: hidden
/*可以起到"清除浮动"的作用,当然你也可以使用其他方式清除浮动*/
}
.box .item{
float: left
width: 25%
}
具体样式就不贴代码了。
我猜想你这样没有对齐,是使用了表格table吧?你给每个“文字”部分所在的td添加一个属性 valign="top" 也可以顶部对齐。
顶部对齐了,内容自然就对齐了。当然,前提是每个“文字”部分的内容样式保持一致。