各位大师,求教了,表格的某一列怎么用css对齐

html-css09

各位大师,求教了,表格的某一列怎么用css对齐,第1张

<td algin="left || center || right"><td>

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" 也可以顶部对齐。

顶部对齐了,内容自然就对齐了。当然,前提是每个“文字”部分的内容样式保持一致。