Rumah > hujung hadapan web > html tutorial > html拆分单元格_html/css_WEB-ITnose

html拆分单元格_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 12:17:28
asal
2407 orang telah melayarinya

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




        
            
            
            
        
        
            
        
        
            
        
    

                1
            

                2
            

                3
            

                5
            

                4
            

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

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

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

用多个div层应该行吧。

给 

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

rowspan和 colspan 拼凑就出来了

给 

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

123












1 2 3
5
4
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan