html拆分单元格_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:17:28
Original
2382 Leute haben es durchsucht

有道面试题是要实现下边表格的效果,我试了好几次无法实现,请教这道题目是否有问题.
指明原因,如果没有问题,给出正确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>
Nach dem Login kopieren




        
            
            
            
        
        
            
        
        
            
        
    

                1
            

                2
            

                3
            

                5
            

                4
            

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

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

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

用多个div层应该行吧。

给 

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

rowspan和 colspan 拼凑就出来了

给 

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

123












1 2 3
5
4
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage