css样式设置高度不定文本垂直居中【HTML】

web前端|html教程

css样式设置高度不定文本垂直居中

web前端-html教程

使用css实现文本垂直居中，对于支持display: table的浏览器来说，是比较容易实现的，只需要对外层div设置为table，内层div设置为table-cell，并设置文本垂直居中即可。但对于IE6/7，并不支持display:table，只能改用定位的方式来处理。外层div给一个定位，中间层div相对外层绝对定位，top为50%，内层span相对定位，top为-50%，通过正负50%的定位，使内容垂直居中。

08CMS房产系统7.0源码,php在vscode怎么运行,kcf跟踪 ubuntu,tomcat网站访问404,华为爬虫手表,php 关联数组 添加,SEO优化师职业资格,宝宝起名字网站源码,售房模板lzw

相关演示代码（不管怎么改变div1的高度，都可以保证内容垂直居中，内容不限行数）：

淘宝客的源码,ubuntu查看var空间,爬虫 curl c++,php 讨论,绍兴来客seolzw

.div1{ width:300px; position:absolute; border:1px solid #000; top:100px; left:200px; display:table;}.div2{ display:table-cell; vertical-align:middle; *position:absolute; *top:50%;}span{ *position:relative; *top:-50%;}

IE6/7使用定位关系来垂直居中，IE8/9使用display:table和display:table-cell

分类信息网 源码,vscode 代码合并,怎么用ubuntu加密硬盘,tomcat线程超时,打开加密的sqlite,js插件源码修改,前端开发框架搭建经验,面试python爬虫题,php图片上传并显示,seo每日工作计划,教育网站源码 下载,网页download下载图标图片,织梦模板本地部署,插件管理页面,vivi小偷程序后台管理系统,榆落微时光小程序1.0.35lzw