在3-10作业当中
来源：3-10 作业题
MagicTcracker
2019-05-15 02:03:37
<!-- banner图 --> <tr width="100%"> /!--这里--/ <td colspan="3"><img src="images/banner.jpg" width="100%" /！--这里--/ alt="banner"></td> </tr> 问题：（提问注释的内容）这里设置表格行的宽度和设置图片的宽度有什么区别？为什么我设置表格行的宽度不行呢？ 表格行的宽度不是相对于其父元素，表格的整体宽度来设置的吗？
写回答
2回答
-
同学你好， 请问你这里是想问为什么给tr设置宽度百分百， 图片不能全屏显示， 但是给图片设置百分百宽度就能全屏显示了是吗？
如果是指这里的话， 那么是因为： 图片有自己的宽高， 不会自适应父级元素的宽度，所以没有全屏显示。
设置表格行的宽度和设置图片的宽度的区别是： 1、 表格行设置百分百会让这一行的宽度等于表格的宽度 2、 图片设置百分百会让图片的宽度等于他父级元素td的宽度。由于td会自适应表格的宽度， 所以图片会充满整个屏幕。
另， 表格行设置的宽度是其父元素的。所以table表格的宽度为100%=视口宽度。设置tr行的宽度也为100%，也应该等于视口宽度。 这样理解是可以的
若同学不是指这里的话， 建议： 可以详细的描述一下指的是哪里， 再次提问， 我们会继续为你解答的
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~
0 -
Y花若怜落在谁的指尖
2019-05-15
tr宽度设置成100%是这一行继承table的整体宽度 img只设置宽度为百分比的话是根据窗口大小自适应这样的话img应该是填充的你td合并的这三列吧
0h019-05-15
相似问题