您现在的位置是:网站首页> 编程资料编程资料
div完美自适应动态上下左右居中 _CSS教程_CSS_网页制作_
2021-09-08
620人已围观
简介 div完美自适应动态上下左右居中,多用于信息提示框效果。
复制代码
代码如下:div
{
position:absolute;
width:500px;
height:260px;
top:50%;
left:50%;
margin-left:-250px;
height:-130px;
z-index:1000;
}
文字居中:text-align:center; height:22px;line-height:22px;设置显示文字的标签的高和line-height的高一样就行了!
相关内容
- 固定位置显示弹出层(兼容IE6,IE8,FF)_浏览器兼容教程_CSS_网页制作_
- CSS多浏览器兼容性(IE和Firefox)技巧大全推荐 _浏览器兼容教程_CSS_网页制作_
- 具有Float属性的元素依然居中 _CSS教程_CSS_网页制作_
- CSS 层叠样式表命名参考表_CSS教程_CSS_网页制作_
- IE与Firefox中CSS兼容性技巧大全 _浏览器兼容教程_CSS_网页制作_
- 浮动后的li元素居中实现方法_CSS教程_CSS_网页制作_
- CSS 网页布局排版实例_CSS布局实例_CSS_网页制作_
- css之自动换行实现代码_CSS教程_CSS_网页制作_
- Html 页面的强制换行问题总结 _CSS教程_CSS_网页制作_
- 彻底弄明白CSS3的Media Queries(跨平台设计)_css3_CSS_网页制作_