关于tablewidth的问题

首页课程实战体系课手记专栏慕课教程

关于tablewidth的问题

来源：2-14 表格属性（2）

whqfor

2017-07-01 18:54:27

一个table设置width为50%，则表达相对于浏览器宽度一半，如果table为一行两列，设置其表格td 宽度为50%，则td宽度是否为浏览器的25%？这里的宽度都是相对父一级的吗？

写回答

2回答

小丸子爱吃菜

2017-07-02

已采纳

在W3C规定中，tr的自有属性中是没有width和height的，td和table标签是有这两个自有属性的，所以W3C建议大家使用table去定义表格大方向的高宽，使用td去定义单元格的高宽。在第二步骤学到CSS样式时，我们就可以使用样式表去给这些标签设置相应的样式。

所以tr标签设置宽和高意义不大，你就给table和td设置就可以了。

祝学习愉快！

hhqfor

h 非常感谢！

h017-07-02

共1条回复

樱桃小胖子

2017-07-01

你的问题描述的不够严谨，如果table为一行两列，设置其表格tr 宽度为50%，则td宽度为tr的50%

<table border="1" cellspacing="0" cellpadding="0" width="50%" height="200px">
		<tr width="50%">
			<td></td>
			<td></td>
		</tr>
	</table>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0" width="50%" height="200px">
<tr width="50%">
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

对比一下这两个例子就很容易理解了

hhqfor

h 感觉设置tr的width没起到任何作用，还是需要设置td的width才可以，td的实际宽度为 table的宽度占浏览器的比例乘以td占td占table的比例 <table width="50%" bgcolor="red" border="1px"> <tr> <td width="10%">2222</td> <td width="20%">2222</td> <td width="30%">2222</td> <td width="40%">2222</td> </tr> </table>

h017-07-01

共1条回复

0 学习 · 36712 问题

查看课程

相似问题

关于表格大小

回答 2

关于自学问题请教老师

回答 1

关于跨行属性（rowspan）的一个问题

回答 1

左侧显示一直不对。帮忙看下哪里的问题。谢谢

回答 4

关于表格布局的问题

回答 3

打开慕课网App查看更多内容