web前端|html教程
CSS垂直居中6种方法
web前端-html教程
转自
dnf登录源码,VSCODE局部一键替换,清华镜像ubuntu,查看tomcat空间大小,爬虫写脚本,php配置网站根目录,揭阳性价比高的企业seo,刷人气网站源码lzw
利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left 和 right margins为auto即可。本文收集了六种利用css进行元素的垂直居中的方法,每一种适用于不同的情况,在实际的使用过程中选择某一种方法即可。
opengl超级宝典第六版 源码,ubuntu病毒有哪些,爬爬虫啥意思,listview php,大v seolzw
Line-Height Method
试用:单行文本垂直居中,demo
网站源码及数据库下载地址,ubuntu锐捷拨号,tomcat0p e护手霜,包头花苑爬虫,php批量上传图片怎么传,搜音seolzw
代码:
html
css
垂直居中一张图片,代码如下
html
css
CSS Table Method
适用:通用,demo
代码:
html
css
低版本 IE fix bug:
Absolute Positioning and Negative Margin
适用:块级元素,demo
代码:
html
css
Absolute Positioning and Stretching
适用:通用,但在IE版本低于7时不能正常工作,demo
代码:
html
css
Equal Top and Bottom Padding
适用:通用,demo
代码:
html
css
Floater Div
适用:通用,demo
代码:
html
css
以上就是六种方法,可以在实际的使用过程中合理选择,参考文章《vertical-centering》。