3-4编程问题。

3-4编程问题。

对于嵌入的表格,若按照题目的指示设置固定的宽度,嵌套的三列就填满该行了,两头没有距离了。设置为相对宽度效果可以实现。

请问设置固定宽度的方法失误在哪儿?

<!DOCTYPE html>

<html>

<head>

    <title></title>

<meta charset="utf-8">

</head>

    <body>

    <!-- 在此编写代码 -->

    <table align="center" width=100%>

       <tr bgcolor="pink">

           <td height=80px>页头</td>

       </tr>

       <tr>

           <td height=10px></td>

       </tr>

       <tr>

           <td bgcolor="orange">

               <table align="center">

                   <tr>

                       <td width=20% bgcolor="white">左侧内容</td>

                       <td width=5%></td>

                       <td width=40% bgcolor="white">右侧内容</td>

                   </tr>

               </table>

           </td>

       </tr>

       <tr>

           <td height=10px></td>

       </tr>

       <tr bgcolor="black">

           <td height=80px></td>

       </tr>

    </table>

    </body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
卡布琦诺 2017-08-14 19:07:18

http://img1.sycdn.imooc.com/climg//599184390001a4c319180804.jpg

亲测。“小丸子爱吃菜”老师会的方法是正确的,你看不到效果,可能跟你的电脑的分辨率有关系哦~

小丸子爱吃菜 2017-08-14 09:32:12

http://img1.sycdn.imooc.com/climg//5990fd8800015f0a04650108.jpg

按照上图所示,根据练习要求去设置每个td的高度就可以了。

祝学习愉快!

  • 提问者 慕仔9081184 #1
    老师你的设置不行。就是按照px设置定值的话,嵌入的表格已经沾满整行的位置了,但效果图两头还有空间。你看看效果图
    2017-08-14 18:21:58
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

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

在线咨询

领取优惠

免费试听

领取大纲

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