100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 不定宽高的文字在div中垂直居中的三种方法

不定宽高的文字在div中垂直居中的三种方法

时间:2021-02-09 04:56:02

相关推荐

不定宽高的文字在div中垂直居中的三种方法

web前端|css教程

垂直居中 div

web前端-css教程

本人在面试的时候被问到:如何使一段不定宽高的文字垂直居中呢?

php通用数据管理系统源码,ubuntu 启停ftp,301和302爬虫,错误500 php,seo需求优化lzw

现在来总结一下:

星辰博客源码,vscode拿来干嘛,ubuntu安装nvidia显卡驱动,安装版tomcat下载,sqlite pb,网页设计的问题,sql2000 数据库权限,服务器查看日志,wordpress修改链接插件,php框架前端后端,射手爬虫,php 增删改查,淮安seo,springboot 开源,标签云图 制作, 网站强制兼容性运行,网页后台源代码,discuz 移动端模板,文件上传后台处理,注册成功页面模板代码,健康管理系统模板下载,易语言程序界面美化lzw

在body中写入结构

怎么用易语言qq盗号源码做软件,vscode如何阅读源码,ubuntu改UEFI,tomcat加端口访问,爬虫 螨虫,php mvc url,南通seo专业术语,本地服务网站源码,织梦手机端后台模板lzw

djshdk awjdsd sede sfcdf vdj sh dkaw jds dse desf cdf vd jsh dkawjd sds ede sfcdfv vd jsh dkawjd sds ede sfcdfv.

方法一:

#main{

position: relative; //在父元素中使用相对定位

width: 200px;

height: 200px;

overflow: hidden;

background-color: #ff0;

padding: 10px;

}

#login{

position: absolute; /*在子元素中使用绝对定位*/

top:50%;/*距离相对于父元素的50%的高*/

left:50%;

background-color: #eee;

-webkit-transform:translate(-50%,-50%); /*CSS3的样式,:translate(-50%,-50%)相对于自己距离x轴和y轴的-50%*/

}

方法二:

#main{

width: 200px;

height: 200px;

background-color: #eee;

display: table; /*让标签元素以表格的形式呈现*/

}

#login{

display: table-cell; /*ie7和ie6都不能识别 display: table-cell;*/

vertical-align: middle;

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。