怎么让一个小的div在另一个大的div中居中显示。如下图中的两个div.

如题所述

第1个回答  推荐于2016-11-20
#wrap的宽度不能auto 高度可以auto
.content_top 宽度也是不能auto要比#wrap的小
这样下
#wrap{width:1000px;height:auto;float:center;margin:0 auto}
.content_top{width:980px;height:auto;float:center;margin:0 auto}本回答被提问者采纳
第2个回答  2015-01-16
首先都有俩个内框装内容了,外框就没必要在设定比他们还打的宽度,直接自适应就好了,,
其次,你这个估计是浮动了??那就不好在居中了,除非三个框的宽度都知道,通过margin-left:xxxpx;来调整居中了
第3个回答  2015-01-16
给div加margin:0 atuo;追问

没有效果,我贴出了css样式!

追答

给小的加了宽度,再加个margin就可以了

第4个回答  2015-01-16
css:
margin:0px auto;追问

没有效果啊?

div+css 怎么让一个小div在另一个大div里面 垂直居中
方法一、小div绝对定位或相对定位,这样小div脱离标准流,大div有固定宽高,用小div的margin去挤大div <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>Title<\/title><style> .father{ width: 600px;height: 600px;background-color: orangered;} .son{ width: 300px;height: 200...

如何让一个div悬浮在另一个div上面,在线等
1、首先需要做的就是创建两个div。2、创建了div后,需要分别给它们Class属性。3、接下来,使用css,通过Class属性给它们设置样式。4、需要给于它们一个宽度与高度,为了便于观察,可以给它们一个边框。5、接下来,先给不悬浮的div设置样式,给它设置一个背景颜色。6、接下来设置悬浮起来的div的样式,...

如何让一个DIV浮动在另一个DIV上面
1、首先,创建两个div,如下图所示,然后进入下一步。2、其次,完成上述步骤后,需要给其Class属性,如下图所示,然后进入下一步。3、接着,完成上述步骤后,使用CSS通过Class属性为其设置样式,如下图所示,然后进入下一步。4、然后,完成上述步骤后,需要给其一个宽度和高度,再加上边框,如下图所...

一个定宽高的div在另外一个div中水平垂直居中常用方法
要实现一个定宽高的 div 在另一个 div 中水平垂直居中,可以采用多种方法,以下是五种常见的实现方式:1、绝对定位法 原理是子元素相对于父元素进行绝对定位。子元素首先向右下移动父元素宽度和高度的一半,然后自己再向相反方向移动自身宽度和高度的一半,从而达到居中效果。2、弹性盒法 方法是开启父...

怎么让一个div在另一个div中垂直居中
需要三层DIV嵌套 最外层DIV设置样式display:table;中间层DIV设置 display: table-cell;vertical-align: middle;最里层的DIV就会在中间层DIV中垂直居中 概念就是把最外层模拟成table 中间层模拟成一个td标签 td标签可以使用vertical-align: middle;将内部元素进行垂直居中 ...

div+css 怎么让一个小div在另一个大div里面 垂直居中
经得起诱惑!好吧,我承认题目没看清 关于居中:小div在大div中居中可以设置合适的padding 或margin值,尺寸计算对了就好 当然如果尺寸不方便计算的话那就使用定位属性,小的div在大的div中分别绝对定位为:left:50%;top:50%,然后再添加margin-left\\top属性,值为负的小div的宽高的一半~...

html的问题,怎么让一个DIV在另一个DIV中水平垂直居中?
html中让一个DIV在另一个DIV中水平垂直居中,可以通过将一个div包裹第二个div,然后在将设置第一个div的宽高,要比第二大上很多,然后在设置第二个的宽高,然后通过margin:auto auto;这里我提交代码:<html> <head> <title>文字测试<\/title> <style> test{ width:800px;height:400px;border:...

如何让一个div在另一个div中居中
#063; padding:0; margin:50px auto;}<\/style> <!--使用margin:50px auto;第二个参数auto就是设置左右距离的auto就是居中显示,50px上下的距离(深圳网站建设:www .sz886.com)--><\/head> <body><div class="box"><div class="min_box"><\/div><\/div> <\/body><\/html> ...

怎么让一个div在另一个div中垂直居中
利用position与margin属性进行实现。代码:效果:其它水平垂直居中对齐方法集锦,可以去看HTML5学堂。

2个<div> 如何让第二个<div>在第一个<div>中居中显示
第一个div属性设置居中显示。这样可能第二个div内容也居中显示。还有一个就是设置第二个div,margen属性为0,auto,自动居中。

相似回答