html的问题,怎么让一个DIV在另一个DIV中水平垂直居中?

作者&投稿:陟仲 (若有异议请与网页底部的电邮联系)
怎么让一个div在另一个div中垂直居中~

上下垂直居中 在线演示 DIVCSS5 #main {position: absolute;width:400px;height:200px;left:50%;top:50%; margin-left:-200px;margin-top:-100px;border:1px solid #00F} /*css注释:为了方便截图,对CSS代码进行换行*/ DIV水平居中和上下垂直居中

DIV
没有太好的上下居中方法,兼容性最好的方式是用JS来计算DIV的高度,然后取浏览器窗口高度的一半-DIV高度=给DIV上部margin赋值。
有一种变通方式是把DIV改为TABLE,外层是一个一行一列,宽高100%的TABLE,然后给个table的TD设置为上下左右居中。

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

#test1{
width:400px;
height:200px;
border:1px solid #0f0;
margin:auto auto;
}

</style>
</head>

<body>
<div id='test'>
<div id='test1'>我是第二个div</div>
</div>
</body>

</html>

你好,我有一个是已知高度垂直居中的方法,希望那个能帮到ni :

css:

<style>
#box1{width: 100px; height: 40px; padding: 10px; border: 1px solid #ccc; margin: 200px auto; position: relative;}
#box2{ width: 70px; padding: 20px; border:1px solid red; position: absolute; left: 50%; top:50% ; margin-top: -66px;}
/*margin-top = 根据#box高度计算 */
</style>

html:

<div id="box1">div1
    <div id="box2">div2高度是不固定的,以Div1为中点居中</div>
</div>


用margin 以及设置宽 和 高,就可以了

用margin属性试试。。。


...系统错误记录Service Control Manager和W32Time,怎么解决...
或者服务的问题,举一个例子,一次我给一个笔记本的F盘改成了E盘,结果再启动就出这类C开头的代码,最后发现插上一个U盘就能正常启动,因为插上U盘系统里就有F盘了,然后我发现了隐藏的文件,是开机的时候系统写入的。我拔掉这个U盘这问题就又出现,后来把E盘改回F问题就没有了,想来是什么和系统...

英吉利海峡隧道的项目特点
参加过隧道建设的人也认为,如果现在开始干的话,不能让发起人(指英法隧道集团CTG-FM)又作为建设方,允许自己的合作伙伴(指总承包商TML和牵头银行)与他们自己(指欧洲隧道公司)签订合同。隧道公司财务主说:“财务上最致命的教训是必须有一个强硬的、独立的业主,来对建设和贷款问题进行谈判。”承包商TML是一个庞大的...

关于海信液晶电视产品HDMI输入重影、模糊的问题。海信坑爹的“晶彩...
尊敬的海信用户,您好!首先对您遇到的问题表示歉意,给您带来不便,请见谅。由于了解您的详细情况,建议您还是要联系售后,并要求售后人员来向总部反馈这个问题,看能否通过软件升级来解决。

C#窗体问题
主要是窗口主体的问题。确切的是关于字体的设定。最好的方法是依照布局将外围控件绑定到边界上。然后以螺旋形式依次相对绑定。然后不要使属性的值是windows默认,尽量完全指定值。

新牛仔掉色严重怎么办
问题二:新买牛仔裤掉色很严重怎么办 防止掉色,首先要把牛仔裤浸入浓盐水中浸泡12小时,固色,(盐浓度添一下以苦咸为准)然后用清水漂洗,平时洗牛仔裤用肥皂反面洗刷,晒的时候也要反面,不要暴晒,阴干最好。 问题三:新买的裤子掉色超级严重怎么办? 在洗裤子的水里加适量的啤酒能使裤子的颜色回复。 怎样防止衣...

世界难题!高分悬赏破译密码第一关!
A=c,L=m,F=b,D=v。最后剩下个O~j。第七步 验证 发现有的单词出错,出现一次的‘zoints’和‘belshajjar’都不是单词,试着将‘z’和‘j’换一下,就正确了,而且后者是圣经里的名词 ,还有古英文的thy和thee。应该没问题了。所以最后O=z,S=j,再确定前边的Z=x。就完了。

关于语音信箱的问题
即将来电转移到语音信箱。来电者首先听到你的问候语,然后可根据提示录下他的留言。在开机状态下,你的手机会收到内容为A new voice message in your mailbox的短消息,通知你有新的留言。参考资料:参考资料:past.people.com.cn\/GB\/it\/ 306\/2087\/2681\/20021tml224\/894769.h - ...

DNF区来观光的,问个问题
搓...被动技能不少可以用鼠标来点...不同的状态出不同的技能 比如倒地按左键起身的技能 ...http:\/\/bbs.duowan.com\/tread-16508-1-2.tml这有个手柄玩的视频... 觉得转身很慢...打个怪还凑活 要是打架不虐死才怪...cs我也玩不来...找不到路的感觉...玩这个完全不会...参考资料:...

急求方法?电视机的怪问题,难道就没有师傅能解决么???
我分析你所说的怪现象都是中周的问题,CPU要是坏了早不能看了。虽然自动搜索的时候能图像正常,但是存储器却没有把台记录下来,说明问题还是出在伴音上,伴音不正常CPU会认为那不是正台所以没有记录。查查高频头到CPU这段。以我看他会和你说这块坏了那又坏了的,件很贵或买不着配件,让你放弃维修...

履带式战车转弯问题
很简单 刹住一条履带 往右转就刹住左履带 两条履带一条向前一条向后就可以原地转向 但是对单销履带的磨损较大 需要经常用锤子把销子砸回去 双销履带就可以克服这个问题 但也需要检修 坦克控制履带的转向机构可以使两侧的履带以不同的速度运动,在车体上便会产生一个转变方向的力矩,哪一侧履带...

无极县19279256956: html的问题,怎么让一个DIV在另一个DIV中水平垂直居中? -
芝筠致康: html中让一个DIV在另一个DIV中水平垂直居中,可以通过将一个div包裹第二个div,然后在将设置第一个div的宽高,要比第二大上很多,然后在设置第二个的宽高,然后通过margin:auto auto;这里我提交代码: <html> <head> <title>文字测试</...

无极县19279256956: 如何让一个div在另一个div中居中 -
芝筠致康: html中让一个DIV在另一个DIV中水平垂直居中

无极县19279256956: 在html中,如何让一个div在另一个div的末尾 -
芝筠致康: 代码写错了,小兄弟.<div id="z"><div id="1"> </div><div id="2"> </div></div>这才是对的.你的那个标签是啥<div1>,<div2>.自定义标签?后面也不对称啊.1,2,z的css要写一下.可以把2的css float left.

无极县19279256956: css 里面怎么让一个DIV居中 ? -
芝筠致康: 通过css样式表可以实现,如下图: 效果如下: 知识拓展:层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.

无极县19279256956: HTML怎么将一个div放在另外一个div上面而不影响上面div的基本操作 -
芝筠致康: 一种是楼上说的冒泡事件,另一种是直接从布局上改变两个div的从属关系.如<br><div style="position: relative;"><br><div style="position: absolute; z-index: 2;"></div><br></div>这种点击里面的div,那么父级由于事件冒泡也会同时响应...

无极县19279256956: 如何让一个div在一个div旁边 -
芝筠致康: 如果没有任何样式,两个div默认是在两行 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title> </head> <body> <div>第一个div</div> <div>第二个div</div> </body> </html>如果将div的属性设置为...

无极县19279256956: HTML如何让一个div在顶层显示并且水平居中
芝筠致康: 设置div的margin属性就行了 你的图片太小 看不清 div{ margin:0 auto;margin-top:0; }

无极县19279256956: 在html的页面,有2个div 如何让它一个在网页的最左上方,一个在网页的最右上方,而且能在移动设备上也是 -
芝筠致康: 用定位,宽度用百分比,给你写个例子html:left<div cl...

无极县19279256956: HTML 4.0下如何让div居中 -
芝筠致康: 给div一个宽高 比如 宽500 高300 position: absolute; left:50% top:50% margin-left: -250px; margin-top: -150px; 这样就剧中了 如果只是左右margin:0 auto

无极县19279256956: html如何使用css的定位属性来设置使一个div始终靠在另外一个div的左边 -
芝筠致康: 在两个div中加上float:left;就实现了相对定位

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网