请问为什么我橙色那行嵌套的表格居中不了?

来源:3-4 编程练习

慕工程4578074

2019-12-20 02:52:58

<!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 bgcolor="white" height="10px">
    	        <td></td>
    	    </tr>
    	    <tr bgcolor="orange">
    	        <td>
    	            <table  align="center">
    	                <tr>
    	                    <td width="240px" bgcolor="white">1</td>
    	                    <td width="20px">2</td>
    	                    <td width="764px" bgcolor="white">3</td>
    	                </tr>
    	            </table>
    	        </td>
    	    </tr>
    	    <tr bgcolor="white" height="10px">
    	        <td></td>
    	    </tr>
    	    <tr bgcolor="black" height="80px">
    	        <td></td>
    	    </tr>
    	</table>
    </body>
</html>


写回答

2回答

好帮手慕慕子

2019-12-20

同学你好, 粘贴你的代码,在浏览中打开,效果如下所示:橙色行嵌套的表格是居中显示的。

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

在线编辑器上测试,由于显示效果的界面宽度不够,导致无法看到居中,但是同学不用担心,代码是正确的,可以在自己的编辑器中编写代码,然后在浏览器中打开测试一下。

如果帮助到了你,欢迎采纳,祝学习愉快~

1

skylerjing

2019-12-20

已复制你的代码尝试,是已经居中显示的。

你需要把显示区域向左拉宽,这样才能看出来效果。

0

0 学习 · 40143 问题

查看课程