html中怎么在CSS中设置TABLE的每一个TD的不同宽度
现在有张表table1，只知道table1的ID属性，表格内的TR和TD都是通过查询直接生成的无法操作，请问怎么用CSS来设置table1的每一个TD的宽度。...
现在有张表table1，只知道table1的ID属性，表格内的TR和TD都是通过查询直接生成的无法操作，请问怎么用CSS来设置table1的每一个TD的宽度。
展开
5个回答
展开全部
html页面中，定义table表格中每个TD的宽度，可以使用内联样式定义。
设置方法如下：
1、用table{ }标签定义了表格宽度；
2、用td{ }标签定义了单元格宽度。
此时整个表格的每个单元格宽度都会设置成功。
如下案例：
<!DOCTYPE html>
<html>
<head>
<title>表格边框宽度</title>
<style>
<!-- 定义表格宽度及样式-->
table{
text-align:center;
width:500px;
border-width:6px;
border-style:double;
color:blue;
}
<!-- 定义单元格宽度及样式 -->
td{
width:158px;
border-width:3px;
border-style:dashed;
}
</style>
</head>
<body>
<table border=1 cellspacing="3" cellpadding="0">
<tr>
<td>姓名</td>
<td class=tds>性别</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>31</td>
</tr>
<tr>
<td>李四 </td>
<td>男</td>
<td>18</td>
</tr>
</table>
</body>
</html>
设置方法如下：
1、用table{ }标签定义了表格宽度；
2、用td{ }标签定义了单元格宽度。
此时整个表格的每个单元格宽度都会设置成功。
如下案例：
<!DOCTYPE html>
<html>
<head>
<title>表格边框宽度</title>
<style>
<!-- 定义表格宽度及样式-->
table{
text-align:center;
width:500px;
border-width:6px;
border-style:double;
color:blue;
}
<!-- 定义单元格宽度及样式 -->
td{
width:158px;
border-width:3px;
border-style:dashed;
}
</style>
</head>
<body>
<table border=1 cellspacing="3" cellpadding="0">
<tr>
<td>姓名</td>
<td class=tds>性别</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>31</td>
</tr>
<tr>
<td>李四 </td>
<td>男</td>
<td>18</td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
每个单元格单独设置：<td style='width:200px'></td><td tyle='width:100px'></td>
<style>
.a{width:200px;}
.b{width:100px;}
</style>
<td class=a></td><td class=b></td>
<style>
.a{width:200px;}
.b{width:100px;}
</style>
<td class=a></td><td class=b></td>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我也是新手额，不太理解您的意思
我是在dreamweaver里面做的，
直接选中td然后点CSS那边增加样式，然后填一下宽度就行了
我新建一个拉了一个表格，您看下，主要设置的就这里body table tr td {width: 200px;}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body table tr td {
width: 200px;
}
</style>
</head>
<body><table width="200" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
我是在dreamweaver里面做的，
直接选中td然后点CSS那边增加样式，然后填一下宽度就行了
我新建一个拉了一个表格，您看下，主要设置的就这里body table tr td {width: 200px;}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body table tr td {
width: 200px;
}
</style>
</head>
<body><table width="200" border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用colspan
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给TD加样试就OK了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
