垂直居中问题不只有 line-height 可以解决，还有一个哥们叫 margin-top
2024-09-17 02:25:37
我们都知道，对于一行文本的垂直居中可以通过设置 height 与 line-height 值相等来实现。
那么对于两个嵌套的div ，或者一个div中的多行文本，怎么让被包含的部分实现垂直居中呢？显然，通过 line-height 没法实现。
其实，实现原理就是用外层div的高度减去内层 div 的高度，除以2之后，给内层div设置margin-top值就可以了。
假如页面上内层div的高度是由内容撑开的，这时就需要用js了。通过动态获取内层div的高度，再依照上述原理去实现。
最新文章
- C语言操作注册表 写入 读取信息
- mySQL中如何给某一IP段的用户授权？
- UML系列01之 UML和绘图工具Visio介绍
- demo16Toast
- 快递鸟物流单号自动识别接口JAVA对接demo
- js页面刷新一次
- listview加载图片显示
- 建立一个方法的attribute，可以放在任意方法上，可以自动记录方法出错时的信息，就不用写try 。。cacth. 【注意】 不是在asp.net MVC下，是在普通三层结构下写的的特性。
- js中的同步与异步
- ie兼容---haslayout
- 浅谈Linux ftp服务器相关配置
- SVN同步时忽略特定文件或文件夹
- form表单中get和post两种提交方式的区别
- 软件工程作业 - word count
- 如何用nodejs创建一个webservice
- maxcompute笔记
- HTTP请求解析过程 （简单概括）
- o2o优惠券使用预测
- Snail—UI学习之得到某组件的方法
- mysql备份工具innobackupex,xtrabackup-2.1的原理和安装