请问1.橙色行里的嵌套表剧中方式,加align的位置 2.橙色行里嵌套白色表的行高没设置?

请问1.橙色行里的嵌套表剧中方式,加align的位置 2.橙色行里嵌套白色表的行高没设置?

问题1: 请问设置3-4 编程练习里橙色行里的嵌套表格剧中的方式,方法是在嵌套表格上层的td里加align,还是直接在嵌套的table里加align?两者有什么不同?

问题2: 还有请问,橙色行里嵌套的白色表的行高没有设置,为什么白色部分嵌套表格的外边围cellspacing会离橙色背景有一点间隙,这个间隙是怎么来的呢?

谢谢!



<!DOCTYPE html>

<html>

<head>

    <title></title>

<meta charset="utf-8">

</head>

    <body>

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

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

        <tr bgcolor="pink" height="80px"><td>页头</td></tr><!--页头-->

        <tr height="10px"><td></td></tr><!--上空行-->

        <tr bgcolor="orange"><td  align="center">

            <table>

                <tr>

                    <td  bgcolor="white" width="240px" >左侧内容</td>

                    <td width="20px"></td>

                    <td bgcolor="white" width="764px">右侧内容</td>

                </tr>

            </table>

        </td></tr><!--内容-->

        <tr height="10px"><td></td></tr><!--下空行-->

        <tr bgcolor="black" height="80px"><td></td></tr>

    </table>

    </body>

</html>



正在回答

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

3回答

在这个作业中,居中设置在td上和设置在table上都可以达到目的,二者的区别是,加在td上,是让该单元格里面的内容居中,加在table上,是让整个表格居中显示。

你的第二个问题,测试了你的代码,不知道你是指的哪个间隙呢


  • 谢谢!第二个问题是,如下代码,这一行橙色的行里,嵌入了一个白色的一行三列的表,那么他们全都没有设计height的属性,那这一行的行高是怎么来的?根据文字的高度吗?还有嵌入的表的外围边,距离橙色行(被嵌入表的第二行)的边界有一点点间隙(从效果图上来看),这个间隙是怎么来的呢? <tr bgcolor="orange"><td align="center"> <table> <tr> <td bgcolor="white" width="240px" >左侧内容</td> <td width="20px"></td> <td bgcolor="white" width="764px">右侧内容</td> </tr> </table> </td></tr><!--内容-->
    2017-12-19 11:23:14
  • 非常感谢!
    2018-01-01 08:17:47
提问者 未来的前端大神Klein 2017-12-19 12:11:43

谢谢耐心回答,我是指这一部分的间隙,是通过什么来控制的?是怎么来的?

http://img1.sycdn.imooc.com//climg/5a38916f0001546703080095.jpg

怎么都被占用了呢 2017-12-19 12:01:01

高度是由内容撑开的,你可以将文字去掉,调试一下。

关于间隙,真是不好意思,还是不清楚,你指的哪块

http://img1.sycdn.imooc.com//climg/5a388f3f000179ff19190297.jpg

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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