Jadual Kandungan
回复讨论(解决方案)
Rumah hujung hadapan web html tutorial 我是新手,请帮忙看看 第二行的 怎么让image跨四行,谢谢!_html/css_WEB-ITnose

我是新手,请帮忙看看 第二行的 怎么让image跨四行,谢谢!_html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
image newbie

    


            
                
            
            
                
                            
            
                 
                            
            
               
            
             
               
            
             
           
             
               
            
            
               
            
           
             
               
            
            

            
                
            

              
          
        

                    
                        
                            
                            
                            
                        
                    

                                我是新手,请帮忙看看 第二行的 怎么让image跨四行,谢谢!_html/css_WEB-ITnose

                                
                                    
                                        
                                    
                                

                                            
                                                
                                                    
                                                    
                                                
                                            

                                                        

                                                            我是新手,请帮忙看看 第二行的 怎么让image跨四行,谢谢!_html/css_WEB-ITnose
                                                        

                                                    

                                                        用户信息
                                                    

                                        

                            

                                我是新手,请帮忙看看 第二行的 怎么让image跨四行,谢谢!_html/css_WEB-ITnose

                

                  
                     
                          
                            
                                                                                                              
                        
                       
                    
  
      
                

                  
                     
                          
                                                                           
   
                            
                                                              
                        
                       
                    
  帐      号:                       
                         
                        
 
      
                

                  
                     
                          
                                                                           
   
                            
                      
                        
                       
                    
  姓      名:                       
                        
                        

                          
                          
                      
 
      
                

                  
                     
                          
                                                                           
   
                            
                                                         
                        
                       
                    
  性      别:                       
                        
                            
                            
                        

                        
 
      
                

                  
                     
                          
                                                                           
   
                            
                                                            
                        
                       
                    
  出生年月:                       
                        
                        
 
      
                

                  
                     
                          
                                                                           
 
                           
                           
                                                              
                        
                       
                    
  所属单位:     
                                                            
                        
 
      
                

                    
                        
                            
                            
                            
                        
                    

                                我是新手,请帮忙看看 第二行的 怎么让image跨四行,谢谢!_html/css_WEB-ITnose
                            

                                
                                    
                                        
                                        
                                    
                                

                                            
                                            

                                        

                            

                                我是新手,请帮忙看看 第二行的 怎么让image跨四行,谢谢!_html/css_WEB-ITnose
                            

                


回复讨论(解决方案)

你这是要做简历么?
你的表格嵌套的有点多了,也很乱
看看这是不是你想要的:

1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>td{border:1px solid red;}</style></head><body><table><tr><td colspan="3">基本信息</td></tr><tr><td>姓名:</td><td>张三</td><td rowspan="4"><img src="/static/imghw/default1.png"  data-src="http://avatar.csdn.net/5/6/C/1_chddaa.jpg"  class="lazy"   alt="照片"  title="照片"    style="max-width:90%" height="100px"/></td></tr><tr><td>性别:</td><td>男</td></tr><tr><td>生日:</td><td>1986.12</td></tr><tr><td>学历:</td><td>本科</td></tr> </table></body></html>

Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk

不是弄简历 你能粘到你的编辑器帮我看看么

你这是要做简历么?
你的表格嵌套的有点多了,也很乱
看看这是不是你想要的:

1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>td{border:1px solid red;}</style></head><body><table><tr><td colspan="3">基本信息</td></tr><tr><td>姓名:</td><td>张三</td><td rowspan="4"><img src="/static/imghw/default1.png"  data-src="http://avatar.csdn.net/5/6/C/1_chddaa.jpg"  class="lazy"   alt="照片"  title="照片"    style="max-width:90%" height="100px"/></td></tr><tr><td>性别:</td><td>男</td></tr><tr><td>生日:</td><td>1986.12</td></tr><tr><td>学历:</td><td>本科</td></tr> </table></body></html>

Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk



你这是要做简历么?
你的表格嵌套的有点多了,也很乱
看看这是不是你想要的:

1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>td{border:1px solid red;}</style></head><body><table><tr><td colspan="3">基本信息</td></tr><tr><td>姓名:</td><td>张三</td><td rowspan="4"><img src="/static/imghw/default1.png"  data-src="http://avatar.csdn.net/5/6/C/1_chddaa.jpg"  class="lazy"   alt="照片"  title="照片"    style="max-width:90%" height="100px"/></td></tr><tr><td>性别:</td><td>男</td></tr><tr><td>生日:</td><td>1986.12</td></tr><tr><td>学历:</td><td>本科</td></tr> </table></body></html>

Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk



是不是嵌套的比较多容易出问题?

是不是嵌套的比较多容易出问题?
------
不会,熟悉了就不会
表格

table合并单元格 colspan(跨列)和rowspan(跨行)  如:rowspan=4  跨4行

table合并单元格 colspan(跨列)和rowspan(跨行)  如:rowspan=4  跨4行


现在是每一行都已有
  有没有办法跨table合并?
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

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Petua untuk bermain Mist Lock Kingdom untuk memberi panduan kepada pemula Petua untuk bermain Mist Lock Kingdom untuk memberi panduan kepada pemula Jan 28, 2024 pm 03:33 PM

Petua untuk bermain Mist Lock Kingdom untuk memberi panduan kepada pemula

Anchor Point Advent Novice Sepuluh Syor Watak Syarikat Anchor Point Advent Novice Sepuluh Syor Watak Syarikat Feb 20, 2024 pm 02:30 PM

Anchor Point Advent Novice Sepuluh Syor Watak Syarikat

Belajar menggunakan lekukan kelompok ialah kemahiran yang mesti dikuasai oleh pemula PyCharm Belajar menggunakan lekukan kelompok ialah kemahiran yang mesti dikuasai oleh pemula PyCharm Dec 30, 2023 pm 12:58 PM

Belajar menggunakan lekukan kelompok ialah kemahiran yang mesti dikuasai oleh pemula PyCharm

Panduan dan Pengenalan Permainan Pemula Mahkota Kuno Panduan dan Pengenalan Permainan Pemula Mahkota Kuno Feb 20, 2024 am 11:20 AM

Panduan dan Pengenalan Permainan Pemula Mahkota Kuno

C vs. C++: Mana yang lebih baik untuk pengaturcara baharu? C vs. C++: Mana yang lebih baik untuk pengaturcara baharu? Mar 19, 2024 am 08:30 AM

C vs. C++: Mana yang lebih baik untuk pengaturcara baharu?

Cara menggunakan Bing Image Creator secara percuma Cara menggunakan Bing Image Creator secara percuma Feb 27, 2024 am 11:04 AM

Cara menggunakan Bing Image Creator secara percuma

Bagaimana untuk memadam imej dari telefon Xiaomi Bagaimana untuk memadam imej dari telefon Xiaomi Mar 02, 2024 pm 05:34 PM

Bagaimana untuk memadam imej dari telefon Xiaomi

Cepat kuasai kemahiran pengenalan Hantu Binatang Palu Cepat kuasai kemahiran pengenalan Hantu Binatang Palu Jan 23, 2024 am 08:45 AM

Cepat kuasai kemahiran pengenalan Hantu Binatang Palu

See all articles