82问答网 > 在html建站里，div如居中，有哪些方法能实现div层居中，还有div层于div层的上下左右间距时如何设计。

在html建站里，div如居中，有哪些方法能实现div层居中，还有div层于div层的上下左右间距时如何设计。

2025-04-13 13:33:08

推荐回答（4个）

回答1：

前面说的DIV居中的问题，描述的不清楚！

以下是我的猜想：

DIV相对于父级水平居中，可以使用margin-left:auto; margin-right:auto;

以下是例子：




无标题文档

然后是DIV相对于DIV上下左右的间距：

在日常布局中DIV相对于DIV的位置分为，同级和子级：

子级：一般只需要给出2个边距即可，上（下）、左（右）；

例子：




无标题文档







我是黑色DIV的子级；我距离黑色DIV顶部50px、左边50px；

第三个，小弟也才疏学浅，边框是用背景颜色出来的


    
    
        
        <br>            无标题文档<br>        
        
    
    
    
        
            
                
                
                
                    
                                                src="http://s1.bdstatic.com/r/www/cache/eggs/nyear2014/img/default.jpg">
                        
                            文字说明
                        
                    
                    
                    
                    
                                                src="http://s1.bdstatic.com/r/www/cache/eggs/nyear2014/img/default.jpg">
                        
                            文字说明
                        
                    
                    
                    
                    
                                                src="http://s1.bdstatic.com/r/www/cache/eggs/nyear2014/img/default.jpg">
                        
                            文字说明
                        
                    
                    
                    
                    
                                                src="http://s1.bdstatic.com/r/www/cache/eggs/nyear2014/img/default.jpg">
                        
                            文字说明