首页 > web前端 > html教程 > html拆分单元格_html/css_WEB-ITnose

html拆分单元格_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 12:17:28
原创
2407 人浏览过

有道面试题是要实现下边表格的效果,我试了好几次无法实现,请教这道题目是否有问题.
指明原因,如果没有问题,给出正确html代码。谢谢


回复讨论(解决方案)

只能合并没听说拆分。

<table border="1">    <tr>        <td rowspan=2>1</td>        <td>2</td>        <td>3</td>    </tr>    <tr>        <td rowspan=2 colspan=2>5</td>    </tr>    <tr>        <td>4</td>    </tr></table>
登录后复制




        
            
            
            
        
        
            
        
        
            
        
    

                1
            

                2
            

                3
            

                5
            

                4
            

把这二个 属性rowspan=2 colspan=2 设置为空 不就还原了吗?也就是拆分了

各位大大测试下自己写的代码运行看看效果能跟我截的图一样么!!!你那效果只能是下边这张图不是题目要求的效果呀

这道题目是不是面试官出的有问题啊,坐等回复

用多个div层应该行吧。

给 

5 这一行加个高度就可以了
 
     
         
         
         
     
     
         
     
     
         
     
123
5
4

rowspan和 colspan 拼凑就出来了

给 

5 这一行加个高度就可以了
 
     
         
         
         
    ……
+1

123












1 2 3
5
4
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板