Maison > interface Web > tutoriel HTML > html拆分单元格_html/css_WEB-ITnose

html拆分单元格_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:17:28
original
2406 Les gens l'ont consulté

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




        
            
            
            
        
        
            
        
        
            
        
    

                1
            

                2
            

                3
            

                5
            

                4
            

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

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

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

用多个div层应该行吧。

给 

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

rowspan和 colspan 拼凑就出来了

给 

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

123












1 2 3
5
4
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal