最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 用CSS样式让div内元素垂直居中,建站技术

用CSS样式让div内元素垂直居中,建站技术

时间:2023-08-08 08:08:08 阅读: 文章分类: 网站建设 作者: 网站开发者

导读:建站技术建站技术用CSS样式让div内元素垂直居中 body {padding: 0; margin: 0;} body,html{height: 100%;} #outer 网站技术网站怎么搭建。

网站技术网站怎么搭建

用CSS样式让div内元素垂直居中

 

body {padding: 0; margin: 0;} body,html{height: 100%;} #outer {height: 100%; overflow: hidden; position: relative;width: 100%; background:ivory;} #outer[id] {display: table; position: static;} #middle {position: absolute; top: 50%;} /* for explorer only*/ #middle[id] {display: table-cell; vertical-align: middle; position: static;} #inner {position: relative; top: -50%织梦cms模板;width: 400px;margin: 0 auto;} /* for explorer only */ div.greenBordede下瓻模板下载der {border: 1px solid green; background-color: ivory;}        用CSS样式让div内元素垂直居中      

 

标准浏览器如Mozilla, Opera, Safari等,可将: 父级元素显示方式设定为:TABLE(display: table;) ,内部子元素定为table-cell (display: table-cell),通过vertical-align特性使其垂直居中,但非标准浏览器是不支持的。

非标准浏览器只能在子元素里设距顶部50%,里面再套个元素距顶部-50% 来抵消。以上是用CSS样式让div内元素垂直居中的简单方法

相关网站技术网站怎么搭建。

关键词标签: 建站 样式 元素

声明: 本文由我的SEOUC技术文章主页发布于:2023-08-08 ,文章用CSS样式让div内元素垂直居中,建站技术主要讲述样式,元素,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_38229.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章