怎样用css使table里的td竖着排列

2024-10-27 15:42:48

推荐回答（5个）

回答1：

可以使用css的float属性实现table里的td竖着排列。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件和css文件。

2、在ue编辑器中输入以下html代码。

3、在ue编辑器中输入以下css代码。

4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。

5、在浏览器中打开此html文件，可以看到最终想要实现的table里的td竖着排列效果。

回答2：

你上图的表格是两列，而你的代码写成了七列，所以不对，如下：

效果如下（我没有设置边框样式，只是给你看个效果）：

回答3：

width:300px;">            name&
lt;/td>id        &
lt;tr>        1<
td background="#fff">小王        gt;        2<
td background="#fff">小明        gt;        3<
td background="#fff">小花

回答4：

th, td {
display: block;
border-bottom: black solid 1px;
}

tr {
display: block;
float: left;

}

table {
display: block;
border: 1px solid;
width: 200px;
}

回答5：

你写成两列七行不就可以了吗