提问,关于align的问题

来源:3-3 表格布局(2)

Nuyoah_星辰

2020-07-15 09:47:26

align="center"放在嵌套表格table标签中没有用,放在table标签的父标签td中才能生效是怎么回事

写回答

4回答

木易杨Tea

2020-07-22

同学你好,我怀疑你可能是因为电脑的分辨率问题。

可以考虑先将嵌套的table的宽度设置在300px左右,并设置居中显示,应该就可以看到效果了

0

好帮手慕码

2020-07-15

同学你好,测试中间的table标签是居中的,如下:

http://img.mukewang.com/climg/5f0ea848093b6e1119150306.jpg

同学可以再测试一下。祝学习愉快~

0

好帮手慕码

2020-07-15

同学你好,解答如下:图片最外层的table标签有宽度设置,如下:

http://img.mukewang.com/climg/5f0e6eb209cf3bff09150380.jpg

所以里层的table标签可以在宽度为100%的环境下去居中。同学的代码中没有外层的table标签、以及宽度设置,因此无法居中,建议修改:

http://img.mukewang.com/climg/5f0e6f140937e9ce05990428.jpg

效果:

http://img.mukewang.com/climg/5f0e6f1d0904829919090088.jpg

祝学习愉快~

0
huyoah_星辰
h <table width="100%" bgcolor="#f2f2f2"> <!-- 页头--> <tr height="80px" bgcolor="#14191e"> <td>1</td> </tr> <!--上空行--> <tr height="10px"> <td></td> </tr> <!--内容--> <tr> <td> <table width="1024px" align="center"> <tr> <!--左内容--> <td widtn="240px" bgcolor="#ffffff"> 1111 </td> <!--空隙--> <td width="20px"></td> <!--右内容--> <td width="764px" bgcolor="#ffffff"> 33333 </td> </tr> </table> </td> </tr> <!--下空行--> <tr height="10px"> <td></td> </tr> <!--页尾--> <tr height="150px" bgcolor="#14191e"> <td>1</td> </tr> </table> 还是不居中
h020-07-15
共1条回复

好帮手慕码

2020-07-15

同学你好,请问同学是对于视频中内容不理解吗?关于本节视频中, 给table标签添加是可以实现居中的,如下:

http://img.mukewang.com/climg/5f0e678109e93f5208940196.jpg

http://img.mukewang.com/climg/5f0e678d0951be6911120136.jpg

如果同学问的不是这个意思的话,可以详细描述一下(如果是自己的代码,建议把代码粘贴到问答区测试),再次提问。

祝学习愉快~

0
huyoah_星辰
h 按照你图中这个的话嵌套的这个表格不会居中,是贴着左侧浏览器边缘的,下面这样才能居中: <tr> <td align="center"> <table width="1024px"> <tr> <!--左内容--> <td widtn="240px" bgcolor="#ffffff"> 1111 </td> <!--空隙--> <td width="20px"></td> <!--右内容--> <td width="764px" bgcolor="#ffffff"> 33333 </td> </tr> </table> </td> </tr>
h020-07-15
共1条回复

0 学习 · 40143 问题

查看课程