为什么中间那行没有两边的橙色呢？

首页课程实战体系课手记专栏慕课教程

为什么中间那行没有两边的橙色呢？

来源：3-4 编程练习

wsc6016922

2020-03-24 21:15:05

<!DOCTYPE html>

<html>

<head>

<title></title>

<meta charset="utf-8">

</head>

<body>

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

<tr><td width="100%" height="80px" bgcolor="pink">页头</td></tr>

<tr><td height="10px" bgcolor="white"></td></tr>

<tr>

<td bgcolor="orange" height="40px">

<table align="center">

<tr align="center" >

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

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

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

</tr>

</table>

</td>

</tr>

<tr><td height="10px" bgcolor="white"></td></tr>

<tr><td width="100%" height="80px" bgcolor="black">页尾</td></tr>

</table>

</body>

</html>

写回答

1回答

好帮手慕久久

好帮手慕久久

2020-03-25

已采纳

同学你好, 代码没问题, 在老师的谷歌浏览器上显示效果如下:

中间的表格整体居中, 左右两边有橙色;

从同学的截图可以看出, 同学是在’在线编辑器 ’中书写代码, 然后预览的; 由于在线编辑器的宽度较小, 导致橙色的tr中只能显示出来中间的table元素, 而左右两侧没有多余的宽度去显示橙色的背景; 建议同学将代码放到自己本地安装的编辑器中, 然后在本地浏览器打开预览;

如果我的回答帮到了你, 欢迎采纳, 祝学习愉快!

1

0 学习 · 40143 问题

相似问题

橙色那行，怎么设置前面橙色的长度啊

回答 1

橙色单元格内嵌套一个1行3列的表格时遇到的问题

回答 1

3-4编程练习为什么橙色行不能做到左边空出橙色区域和右边空出橙色区域，做到和效果图一样

回答 3

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

回答 2

题目有些问题吧

回答 2

打开慕课网App查看更多内容