hngl.net
当前位置:首页 >> Div+Css文字怎样在自适高度下垂直居中 >>

Div+Css文字怎样在自适高度下垂直居中

如果是固定高度则非常简单,让左边和右边的div的高度和行高的值设为一样就行。 如果左边和右边的高度都不确定,一般要用到js,css实现起来很难。 不过也有办法。参考这个页面看看也许有帮助。 http://hi.baidu.com/yangwenguan/blog/item/2eeeaa...

123 加上 line-height 数值等于你div的高度

这个建议使用模拟table的办法 div{ height:30%; width:100%; position:relative; display:table; margin:0 auto; }p{ display:table-cell; vertical-align:middle; font-size:36px; }

方法一: 该方法是将外部容器的显示模式设置成display:table,img标签外部再嵌套一个span标签,并设置span的显示模式为display:table-cell,这样就可以很方便的使用vertical-align象表格元素那样对齐了,当然这只是在标准浏览器下,IE6/IE7还得...

第一种方法: 将 div 设为 表格的单元格 (display: table-cell),然后设置纵向居中 (vertical-align: middle) .wrap_4 {height: 800px; display: table-cell; vertical-align: middle;} 第二种方法: 需要知道 logo.gif 的高度,设置 img 的 pos...

如果可以只考虑支持transform的现代浏览器: .div{ position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

这个最好定宽,定高,如果自适应那么就需要要js来进行控制了。假如div宽200px,高100px,那么居中样式就是这样:position:fixed;top:50%;left:50%;margin-top:-50px;margin-left:-110px;这样就居中了,如果是自适应,需要使用js获取div的宽度和...

第一个div属性position:absolute;left:50%; top:50%; margin-left:-(width/2); margin-top:-(height/2);注意第一个div高度宽度都应该是定值的; 意思是两个div的宽高都是用百分比设置的,那最好是让他俩有点父子关系,或者,第一...

正常情况图片垂直居中只要给图片img设定vertical-align:middle,不过你可以用另外一个方法 只需要给外部容器加padding属性即可,设定图片与容器的边距是多少就可以达到看上去居中的效果,要想图片自动缩放那就给图片设定宽度和高度100%,不过这...

img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); }

网站首页 | 网站地图
All rights reserved Powered by www.hngl.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com