> 웹 프론트엔드 > 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿