欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

CSS 嵌套table 居中问题_html/css_WEB-ITnose

程序员文章站 2022-04-26 23:41:54
...
按常理来说，只要在父table的tr 或td里设置text-align:center就能居中了。可是VS设计器里居中了，浏览器居中不了。ff里不居中还可以理解，连IE也不能就费解了。 

                    



单位工程数量                            总建筑面积                            单价（元/平）                            小计                        



                                                                                                            



合计                            大写：

如果有人说是父元素继承的话，那我父元素里没写什么东西
外层table里就多了一句 
style="margin-left:auto; margin-right:auto"

body就更谈不上了。只设置了背景和前景色 
    body     {        font: normal 9pt auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;        color: #4f6b72;        background: #E6EAE9;        margin:0 auto;    }
但里面的table就是居中不了，麻烦帮我分析下~谢谢

回复讨论(解决方案)

在线求解！哪怕是一点点建议也行啊~

饿别在tr里面加center

加在 td里面 style="text-align:center"

加在 td里面 style="text-align:center" 效果一样。早试过了

最外层在个div



这样就居中了 



 在子table里面加上样式text-align:center就行了  
  按常理来说……  
 不能按常理啊  




 试一下  
  




                    



单位工程数量                            总建筑面积                            单价（元/平）                            小计                        



                                                                                                            



合计                            大写：
                                                    



            
  


  



  
































单位工程数量  总建筑面积  单价（元/平）  小计  




        




合计  大写：  

    




  






  


 和  

 不一样，不信你可以试试  
  









  


 给里面的table加上display:inline-table;就可以了。  
 之前不能居中应该是因为text-align不能作用于block level的元素，所以对table不起作用。   
  





  


 给里面的table加上display:inline-table;就可以了。  
 之前不能居中应该是因为text-align不能作用于block …… OK,好了，谢谢CSS 嵌套table 居中问题_html/css_WEB-ITnose
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频




网友评论


文明上网理性发言，请遵守 新闻评论服务协议
我要评论






  • CSS 嵌套table 居中问题_html/css_WEB-ITnose
    • 

    • 

    

    


    

    

    

    专题推荐
    


    

    

    作者信息
    

    

    CSS 嵌套table 居中问题_html/css_WEB-ITnose
    

    

    

    认证0级讲师
    

    

    

    

    发布技术文章
    

    

      

    • 最新文章
      • 

    • 热门排行
      • 

    

    

    

    

    

    

    

    
推荐视频教程
    

  • 
CSS 嵌套table 居中问题_html/css_WEB-ITnosejavascript初级视频教程

    • 

  • 
CSS 嵌套table 居中问题_html/css_WEB-ITnosejquery 基础视频教程

    • 

    

    

    
视频教程分类
    


    

    

    


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

    Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1CSS 嵌套table 居中问题_html/css_WEB-ITnose关于我们免责申明赞助与捐赠广告合作
    

    

    
CSS 嵌套table 居中问题_html/css_WEB-ITnose  
            CSS 嵌套table 居中问题_html/css_WEB-ITnose

    

    













    
    		

    

    
    		

    

    


    					
    
															
    
						相关标签：												
							CSS						
												
							嵌套table						
												
							居中问题						
											
    
															
    
						
    
							上一篇：							
								Yii2邮件发送出现问题怎么解决							
						
    
						
    
							下一篇：							
								Extjs中RowExpander控件的默认展开问题示例探讨_extjs							
						
    
					
    
															
    
						
    
							推荐阅读