在3-10作业当中

在3-10作业当中

<!-- 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%,也应该等于视口宽度。 这样理解是可以的

若同学不是指这里的话, 建议: 可以详细的描述一下指的是哪里, 再次提问, 我们会继续为你解答的

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~



Y花若怜落在谁的指尖 2019-05-15 12:43:25

tr宽度设置成100%是这一行继承table的整体宽度  img只设置宽度为百分比的话是根据窗口大小自适应这样的话img应该是填充的你td合并的这三列吧

  • 提问者 MagicTcracker #1
    我table表格的宽度为100%=视口宽度。我设置tr行的宽度也为100%,也应该等于视口宽度?
    2019-05-15 12:51:56
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师