文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
首页 > web前端 > html教程 > 正文

html table内嵌table的问题_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 12:09:23
原创
1210人浏览过

登录后复制
  

  
阶段6





阶段6
  







贷款类型：    








  


  





















组合类型：    




商业性  
元  




公积金：  
元  














  





计算方式：  
  























  
根据面积，单价计算  

  




单价：  
元/平米  




面积：  
平方米  




按揭成数：    


  





根据贷款总额计算    







  









<script>  <br /> </script>

 我想实现这种效果：    
 但是结果是：    
 我看来看去就是没发现 我哪里内嵌table出问题了？  就是把上半部分的贷款类型赋值替换到下半部分的计算方式效果如下：    

 测试了ie 火狐谷歌 欧朋4个浏览器效果都是这样，求大侠指点我哪里弄错了  

  
  
回复讨论(解决方案)
 
  图看不了 
 
  图挂了啊 
 
  图看不了  
 csdn一直都不能上传图片，只能链接 这个我很无语  

 我自己找到问题了。  
 用dw做一个一模一样的，自动生成的跟我手工写的比较，我发现了一个地方的表是内嵌在行里面（tr）问题就是这个。谢谢你们了 
 
  图看不了  

 csdn一直都不能上传图片，只能链接 这个我很无语  

 我自己找到问题了。  
 用dw做一个一模一样的，自动生成的跟我手工写的比较，我发现了一个地方的表是内嵌在行里面（tr）问题就是这个。谢谢你们了 
 
  通常是某个小细节的问题 
                   
                

                            

    
            
                            

                    

                        
                            HTML速学教程(入门课程)
                        
                        

                            HTML速学教程(入门课程)
                            
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

                        

                    

                    
                        下载
                    
                

                
          
			
            

                                
来源：php中文网

                            



            

                
                                            
                        收藏
                                    

                
                                            
                        点赞
                                    
            




            

                                    
                        上一篇：为什么我的div与父div之间有距离？_html/css_WEB-ITnose
                    
                                    
                        下一篇：网页缩放_html/css_WEB-ITnose
                    
                            

            

                
                
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

            


                       
                        

                
最新问题

                

                                        

                        

                            html中如何实现文字滚动？滚动效果制作教程
                            网页设计中实现文字滚动效果有三种常见方式。1.使用HTML的标签，通过direction、behavior等属性控制方向和速度，但该标签非HTML5标准；2.利用CSS动画实现横向滚动，通过overflow:hidden与@keyframes定义动画，控制文字无限循环移动；3.使用JavaScript动态控制元素位置，适合响应用户交互或动态内容加载。此外还补充了white-space、overflow等样式技巧，并建议根据需求选择方案：简单展示用，现代兼容性需求推荐CSS或JS方案。
                            

                                

                                    2025-06-10 09:09:01
                                

                                

                                    931
                                

                            

                        

                    

                    
                    

                                        

                        

                            HTML表单提交到指定邮箱怎么实现
                            HTML表单可以通过服务器端脚本提交到指定邮箱。1.创建HTML表单，使用action属性指向服务器脚本。2.编写服务器脚本（如PHP）处理表单数据并发送邮件。3.注意安全性、邮件格式、错误处理和隐私合规。4.使用异步提交、表单验证和第三方邮件服务优化性能。
                            

                                

                                    2025-06-09 08:06:02
                                

                                

                                    914
                                

                            

                        

                    

                    
                    

                                        

                        

                            HTML下载链接添加进度条怎么实现
                            实现HTML下载链接添加进度条的关键在于利用JavaScript和HTML5的FileAPI来监控下载进度。让我们深入探讨如何实现这一功能，并分享一些实际应用中的经验。在开始之前，先回答你的问题：HTML下载链接添加进度条可以通过JavaScript监听XMLHttpRequest对象的progress事件来实现。我们可以利用这个事件来更新进度条的显示，从而让用户实时了解下载进度的变化。现在，让我们详细展开这个话题。在我的职业生涯中，我曾多次遇到需要为下载链接添加进度条的需求。无论是大文件下载还
                            

                                

                                    2025-06-08 10:30:02
                                

                                

                                    1008
                                

                            

                        

                    

                    
                    

                                        

                        

                            HTML表单提交后清空输入框内容怎么操作
                            可以使用JavaScript在表单提交后通过form.reset()方法清空HTML表单的输入框内容。具体步骤包括：1.在表单的onsubmit事件中调用submitForm函数。2.使用event.preventDefault()阻止表单默认提交行为。3.获取表单元素并处理数据。4.调用form.reset()方法清空表单。
                            

                                

                                    2025-06-07 08:21:01
                                

                                

                                    625
                                

                            

                        

                    

                    
                    

                                        

                        

                            html中h1和h2的区别 一级二级标题的3个关键差异
                            h1和h2标签在HTML中的三个关键差异是：1.h1用于页面主标题，h2用于子主题；2.h1字体默认比h2大；3.一个页面通常只有一个h1，多个h2用于划分章节。
                            

                                

                                    2025-06-06 09:15:02
                                

                                

                                    898
                                

                            

                        

                    

                    
                    

                                        

                        

                            html中外边距怎么设置 html外边距margin调整技巧
                            在HTML中设置外边距需要使用CSS。具体方法包括：1.使用通用margin属性设置所有方向的外边距，如margin:20px。2.使用单独的margin属性设置不同方向的外边距，如margin-top:10px;margin-right:20px;margin-bottom:30px;margin-left:40px，或简写为margin:10px20px30px40px。
                            

                                

                                    2025-06-05 08:21:01
                                

                                

                                    737
                                

                            

                        

                    

                    
                    

                                        

                        

                            html中的行内标签有哪些 html行内标签完整列表解析
                            HTML中的行内标签在网页设计中起着关键作用，它们用于修饰和格式化文本内容，不会自动换行。常见的行内标签包括：1.用于灵活的样式定制；2.用于创建超链接；3.和用于强调文本；4.用于嵌入图像；5.用于创建表单控件；6.用于创建可点击按钮。使用这些标签时应注意语义化、样式与结构分离、无障碍设计、性能优化和表单设计，以提升网页的整体效果和用户体验。
                            

                                

                                    2025-06-04 08:06:01
                                

                                

                                    642
                                

                            

                        

                    

                    
                    

                                        

                        

                            html中tbody标签的作用 表格主体tbody的语义化意义
                            标签用于定义表格的主体部分，其作用是将表格数据与表头和表尾区分开来，提升表格的语义化和可访问性。使用的好处包括：1.增强可访问性，帮助屏幕阅读器正确识别表格结构；2.便于样式控制，可以对表格主体部分进行单独的样式设置；3.便于数据操作，支持动态增删改查，提高操作效率；4.性能优化，通过JavaScript动态操作内容，提升性能。
                            

                                

                                    2025-06-03 10:00:02
                                

                                

                                    878
                                

                            

                        

                    

                    
                    

                                        

                        

                            HTML导航栏怎么做？nav标签有什么优势？
                            使用HTML创建导航栏推荐采用ul+li结构包裹在nav标签内，1.基本结构用ul+li搭建更清晰且方便CSS美化；2.nav标签具备语义化优势，提升SEO和可访问性；3.推荐使用flex布局进行样式处理，实现水平排列与悬停效果；4.需添加aria-label属性并考虑响应式设计适配移动端。
                            

                                

                                    2025-06-02 10:12:07
                                

                                

                                    913
                                

                            

                        

                    

                    
                    

                                        

                        

                            HTML如何实现轮播图？carousel怎么用HTML制作？
                            要实现基础轮播图需结合HTML、CSS和JavaScript。首先用HTML搭建结构，外层div容器包含图片列表，默认第一张显示；接着用CSS将图片叠放并隐藏非active图片；再通过JavaScript定时切换active类实现自动播放；最后可添加按钮实现手动切换。步骤清晰，结构为先，样式控制显示，JS实现动态切换，扩展性强。
                            

                                

                                    2025-05-31 10:03:01
                                

                                

                                    875
                                

                            

                        

                    

                    
                    

                                    

            

            

                

                    
相关专题

                    更多>
                    
                

                

                    
                

            



        

    

    

            

        
        
        

		        

            
热门推荐

            

                            
            

            
        

        

                    

		

                
开源免费商场系统广告

        		
		

        

            

                
热门教程

                更多>
                
            

            

                

                    
相关推荐 

                    
热门推荐

                    
最新课程

                

                
                
                
            

            
        

        

            

                
最新下载

                更多>
                
            

                            

                    
                    

                

                        
            

                

                    
网站特效 

                    
网站源码

                    
网站素材

                    
前端模板

                

                
                
                
                
            

            
        

    







    

        

            

                

                    

                        关于我们
                        免责申明
                        意见反馈
                        讲师合作
                        广告合作
                        
                        最新更新
                                                

                    

                    
php中文网：公益在线php培训，帮助PHP学习者快速成长！

                    

                      
                        关注服务号
                        
                      
                        
                        技术交流群
                        
                      
                        

                    

                

                

                
app下载

                
              

            

            

                

                    
                    

                        
PHP中文网订阅号

                        
每天精选资源文章推送

                    

                

                

                    
                    

                        
PHP中文网APP

                        
随时随地碎片化学习

                    

                

                

                    
                    

                        
PHP中文网抖音号

                        
发现有趣的

                    

                

            

        

    

    

        
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

    







































    
  • 
        
    
            
    
                
                    
                    
    PHP学习
    
                    
            
    
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    技术支持
    
                    
            
    
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    返回顶部
    
                    
            
    
        
    
    
    •