表格中的“课间活动”为什么不是一行显示,而是分了两行?

表格中的“课间活动”为什么不是一行显示,而是分了两行?

<!DOCTYPE html>
<html>
<head>
    <title>表格</title>
	<meta charset="utf-8">
</head>
<body>
 <!--在此完成相关任务-->
 <table border="1">
     <tr>
         <td>星期一</td>
         <td>星期二</td>
         <td>星期四</td>
         <td>星期五</td>
     </tr>
     <tr>
         <td>语文</td>
         <td>数学</td>
         <td>英语</td>
         <td>生物</td>
     </tr>
     <tr>
         <td>语文</td>
         <td>数学</td>
         <td>英语</td>
         <td>生物</td>
     </tr>
     <tr>
        <td>课间活动</td> 
        <td>课间活动</td>
        <td>课间活动</td>
        <td>课间活动</td>
     </tr>
     <tr>
         <td>语文</td>
         <td>数学</td>
         <td>英语</td>
         <td>生物</td>
     </tr>
     <tr>
         <td>语文</td>
         <td>数学</td>
         <td>英语</td>
         <td>生物</td>
     </tr>
 </table>
</body>
</html>


正在回答

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

2回答

你实现的效果是这样的

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

不知道你想实现的效果是什么,你能详细说明一下么?

祝学习愉快!

  • Jane_Swan 提问者 #1
    谢谢助教,我的浏览器呈现有些问题
    2017-12-16 19:17:29
  • 小丸子爱吃菜 回复 提问者 Jane_Swan #2
    你的问题解决了么?如果没有解决可以将你的效果图粘贴上来以及你的问题描述清除哦~
    2017-12-17 10:21:57
  • Jane_Swan 提问者 #3
    非常感谢!
    2017-12-19 20:07:38
白船袜七分裤 2017-12-05 22:46:25

需要使用colspan属性,才能实现跨列;需要使用rowspan属性,才能实现跨行;之后还要删去多余的行或者列。

我给你改了一下,是不是你想要的效果?课间活动那部分代码,改为如下。

<tr>
        <td colspan="2" style="text-align:center;">课间活动</td> 
        
        <td colspan="2" style="text-align:center;">课间活动</td>
        
</tr>


  • 提问者 Jane_Swan #1
    3Q~虽然不是我想要的。
    2017-12-11 15:38:13
  • 白船袜七分裤 回复 提问者 Jane_Swan #2
    是你想要的,就得自己做出来。你在这问,不如自己百度搜一下,比我们这些回答要准确的多。
    2017-12-11 16:13:53
  • 白船袜七分裤 回复 提问者 Jane_Swan #3
    我猜,你是个女生^_^?
    2017-12-11 16:14:57
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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