CSS垂直居中对齐
用CSS有多种方法实现垂直居中对齐。如果已知外部div的高度,不管是否知道内部div的高度,垂直居中实现起来很简单,但如果内部div高度是变量,如文字,垂直居中实现起来就比较复杂了,很可能需要使用hacks。如:
<div id="containingBlock">
<div><p>This sentence will change in each example</p> </div>
</div>
1、已知高度情况
很简单,直接计算就可以了
#containingBlock {display: block; height: 200px;}
#containingBlock div {height:50px; margin: 75px 0;}
aaarticlea/png;base64,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" alt="" />
2、通过display: table属性布局
通过使用 display: table;
和vertical-align: middle
可以比较轻松的实现垂直居中,但IE6和IE7并不识别table和table-cell属性,必须使用hacks作为补充。
#containingBlock {display: table; height: 200px; position: relative; overflow: hidden;}
#containingBlock div {display: table-cell; vertical-align: middle;}
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAALUAAADOCAIAAAD31NT8AAAEYUlEQVR4nO3b0XHaSgBAUdeShiiHaqhFpVAK78M2sLB7wX6248mcM5tJbCOxKy6S8Exe/sDay9+eAL/ay+nFMJbj/Y9h3I3TuY+/fRrj19EHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR8UfVD0QdEHRR+UoY+Xl5NhDOOmj7/dK7+IPij6oOiDog/K9/exOxxPx8PuR7b62j38Rb9m8rM+9tswt93heDpt+8s2+2348oEfWOrucDyNPvGEX7KTrxIHbZjnt09xev4YAnmbz6WIj+XxU33876f4NW/ZP3/Wk9lvty/F6UMvxofNry9XgewOx+PhcBXMLJ4h5de1HbbTa1bXS90djucHXr8P7g/Feathb6f54Zgezfke3raezHvZx+Kxl4nst9UK7t/ouZz9dppskuu8fOt2z8NxWq736rBMJzzvY3c4vu//9WxxiWI/pnKexuXfr89znt5lBTcPvw7q7kUfXt2b12L94Gf2cPPw81IXfczXeLXdzdV46tLTejl3s1qv6IllXje7Xu/y5HOe8OL+9Hr1w9+7w3Hxhlsd6Lcvb17Y6eu8Wvb93iaruW1/tYfJ7dXV8V3t5GaN56kcn7soPTg4dwdkucz7Y/a+nOVUY73rqb9vvvr88vbzcw6Xr4d30Gypk+/PzpdXJ9PJND/cx6Pry9DHrffT66M9PzOZceObJ/nIQft/yxzLe269kwkvP9/ut9NpOwxni+Nhf/f+ee78cZvWVyz7s3tYXRCe7WNY/7atri7jszx1/nhY3hP3H+cfXs5HT653PuH17z9es4vPMXX/MV/q1eP32+UhswV8Yx9339jt9+vz7SfvP8a9jfcfDw/O6+M/+Pnl7i5jdaKfr3cx4fj92O2Hp/12fym4OiOt7q3u53087MazXn0k+YY+xnkvbjVyjcPhX3x+GS6g2/bo/DFscNy25ZVrmPrsOj47pk+tdzZhv1//Vzy4Gfokffwr9MHP0wdFH5RJH4YxDP+/gaAPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDog6IPij4o+qDogzL0YRj346QNo4crC0UflP8AW5JBsTW3xXoAAAAASUVORK5CYII=" alt="" />
IE6和IE7的CSS
#containingBlock {height: 200px; position: relative; overflow: hidden;}
#containingBlock div { position: absolute; top: 50%;}
#containingBlock div p {position: relative; top: -50%;}
显示为
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAa8AAADNCAIAAACAQmizAAAFNElEQVR4nO3b7W3iQBiFUWq5DVEO1bgWl+JSvD/eBH9gk2STDCPlHI20CwIzZNaPhpi9BIDk8uoJAHThkmS+XAzDMP74eKvhq6MM8EpqCJCoIUBRQ4BEDQGKGgIkaghQ1BAgUUOAooYAiRoCFDUESNQQoKghQKKGAEUNARI1BChqCJCoIUBRQ4BEDQGKGgIkaghQ1BAgUUOAooYAiRoCFDUESNQQoKghQKKGAEUNARI1BChqCJCoIUBRQ4BEDQGKGgIkaghQ1BAgUUOAooYAiRoCFDUESNQQoKghQKKGAEUNARI1BChqCJCoIUBRQ4BEDQGKGgIkaghQ1BAgUUOAooYAiRoCFDUESNQQoKghQKKGAEUNARI1BChqCJCoIUBRQ4BEDQGKGgIkaghQ1BAgUUOAooYAiRoCFDUESNQQoKghQKKGAEUNARI1BChqCJCoIUBRQ4BEDQGKGgIkaghQ1BAgUUOAooYAiRoCFDUESNQQoKghQKKGAEUNARI1BChqCJCoIUBRQ4BkXcPLbHQ6Xv2PBP6EeVPDl5/3xuNQQ2hi3tXw1fNhQw2hGTXsmhpCM2rYNTWEZtSwa2oIzahh19QQmvnlGl6HaZ6Ga5NnvdwvTFsNoZmHGt7GzRl9HaZ5Hm/LE27j5uYHGnTtOkxzmYbr+uZiNeHbeHDnD87k4c1+dnrLxNZ3qyE087g33OTw7eRdyvG1GDba5a1f5ckrPpT9F6fxH9Nbe/8xqyE0c/BJeZXD6zBNw7DK41Eq7/ue9/umYRjfdjf7ELzfWG+RHuNwf9bmaOcbus/l5jMh327dtsc8mcZ2U/cjNbwO09tj1BCaOajhdZjeT/cKyJLA2zaM9yosf6+c3GuxnPy7h6/z+dCoTQ1XR1sf4/DxeZKb2zhP07MGHx21Xu58GptX+6m94SrbagjNHF1Fuefw/bR8/3PZs+zP6vtTDu6fhusuY2dV2z3r7Gjnj8/5L+a2z/3Uh+YP3tTDG/nO9Bab7bcaQjOH15TfMnCP33L7fuaeBeLg/qOt2Orj5UE/vlvDs8fsPuAe7tF2uXpawx+c3sk01RCaOf6GzW2c53HY7ASn4bY+Ub+wN9yHdOP0OuyP52aXv8Mabu/81N7wZ2u4n5UaQjMn3zesvduTa8vPfm94HIjV42/j8pCjKv3O5us27q+LnF69Wd7z8xpufgjrq0T/Mb087l/VEBo6+/b1bZwfftW3P43Prykf92vJxfo67MGW8Us1/Mr3DZfXPSvS+iP8OH60N9wechy/Nb2j/bMaQjP+Z17X1BCaUcOuqSE0o4ZdU0NoRg27pobQjBp2TQ2hmX0Nje6GGkIT87qGr54MB6wLtKGGvbMu0IYa9s66QBtq2DvrAm2oYe+sC7Shhr2zLtCGGvbOukAbatg76wJtqGHvrAu0oYa9sy7Qhhr2zrpAG2rYO+sCbahh76wLtKGGvbMu0IYa9s66QBtq2DvrAm2oYe+sC7Shhr2zLtDGpoZGn+PV/0jgT5jvNXz1TABeSQ0BEjUEKGoIkKghQFFDgEQNAYoaAiRqCFDUECBRQ4CihgCJGgIUNQRI1BCgqCFAooYARQ0BEjUEKGoIkKghQFFDgEQNAYoaAiRqCFDUECBRQ4CihgCJGgIUNQRI1BCgqCFAooYARQ0BEjUEKGoIkKghQFFDgEQNAYoaAiRqCFDUECBRQ4CihgCJGgIUNQRI1BCgqCFAooYARQ0BEjUEKGoIkKghQFFDgEQNAYoaAiRqCFDUECBZ19AwDOOPD7tCgCT5B9HApXLhzK05AAAAAElFTkSuQmCC" alt="" />
IE6和IE7的hack
//Vertical Alignment Table Display Hack
#containingBlock {display:table; height: 200px; position: relative; overflow: hidden; }
#containingBlock div {*position: absolute; top: 50%; display: table-cell; vertical-align: middle;}
#containingBlock p {*position: relative; top: -50%;}
aaarticlea/png;base64,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" alt="" />
补充: 如果想实现流式布局,加入如下CSS
html, body, #containingBlock {height: 100%; position:relative; }
#containingBlock div {height: 50%; position: absolute; top: 25%; }
3. 垂直居中所用到的参数
值 |
描述 |
---|---|
length |
Raises or lower an element by the specified length. Negative values are allowed |
% |
Raises or lower an element in a percent of the “line-height” property. Negative values are allowed |
baseline |
Align the baseline of the element with the baseline of the parent element. This is default |
sub |
Aligns the element as it was subscript |
super |
Aligns the element as it was superscript |
top |
The top of the element is aligned with the top of the tallest element on the line |
text-top |
The top of the element is aligned with the top of the parent element’s font |
middle |
The element is placed in the middle of the parent element |
bottom |
The bottom of the element is aligned with the lowest element on the line |
text-bottom |
The bottom of the element is aligned with the bottom of the parent element’s font |
inherit |
Specifies that the value of the vertical-align property should be inherited from the parent element |
参考:
Vertical Centering With CSS
CSS垂直居中对齐的更多相关文章
- CSS 文本垂直居中对齐
文本垂直居中对齐是一个很常见的问题,这里总结一下. 一.容器高度固定,单行文本垂直居中对齐 height:20px; line-height:20px; overflow:hidden; 二.容器高度 ...
- div中字垂直居中对齐
div中的文本水平居中,一般都是用text-align:center;就可以解决,那么垂直居中呢,知道vertiacl-align:middle;但有时候却不起作用:整理下div中文本垂直居中对齐的问 ...
- css-实现元素垂直居中对齐
css-实现元素/元素内容,垂直居中对齐 一.单行内容的垂直居中(line-height:行高方法) 只考虑单行是最简单的,无论是否给容器固定高度,只要给容器设置 line-height 和 heig ...
- 最常用的css垂直居中方法
css垂直居中一直以来都是一个被大家说烂了的话题,翻来覆去的炒.不过说实话,正是因为css没有提供标准的垂直居中方法(不过在css3中已经有了相关规范),所以大家才会对它进行专门的研究.这研究来研究去 ...
- bootstrap modal 垂直居中对齐
bootstrap modal 垂直居中对齐 文章参考 http://www.bubuko.com/infodetail-666582.html http://v3.bootcss.com/Jav ...
- 完美实现CSS垂直居中的11种方法
在做前端项目时CSS的水平居中我们经常使用,但有时还会用到CSS垂直居中,对于小白来说这个就有些难度了,下面看一下我是如何实现的 本人前端小白,正在做一个小程序开发的项目,css样式调整搞的头都大了. ...
- css 垂直居中技巧
CSS垂直居中技巧,我只会23个,你会几个?自古以来(是有多?~),网页CSS的垂直居中需求始终没有停过,而其困难度也始终没有让人轻松过,经过了每位开发先烈的研究后,据说CSS的垂直居中技巧已达到近十 ...
- html文本垂直居中对齐
html文本垂直居中对齐,代码如下: <div id="box" style="height:100px; line-height:100px; border:1p ...
- CSS垂直居中指南
大概整理下css中的垂直居中问题 主要分两大类 1 知道块元素尺寸,一般就是指知道元素高度. 方法一:最简单的,类比水平居中. 思路:子元素设置为absolute; top bottom都设置为0 ...
随机推荐
- HDU 5810 Balls and Boxes(盒子与球)
Balls and Boxes(盒子与球) Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/O ...
- CSS笔记(三)背景
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果. 参考:http://www.w3school.com.cn/css/css_background.asp 背景色 p {backg ...
- iBATIS sql(XML)中的大于、小于、like等符号写法
其实就是xml的特殊符号,因为它的配置就是xml,所以可以用下面这种写法转义 < < > > <> < ...
- input与lable水平对齐
CSSinput,label { vertical-align:middle;} html 格式 <label><input/></label> <labe ...
- 用Maven创建第一个项目
1.在Eclipse左侧的空白处点击鼠标右键,选择:New>Other : 2.选择Maven项目,点击"Next"按钮: 3.保持默认,直接点击“Next”按钮: 4.选择 ...
- SQL 调优专题总结
oracle 的优化器: oracle 有两种优化器:基于规则的优化器(rbo/rule based optimizer)和基于代价的优化器(cbo/cost based optimizer). 有时 ...
- Python学习(12)日期和时间
目录 Python 日期和时间 时间元组 获取当前时间 获取格式化时间 格式化日历 获取某月日历 Time模块 日历模块 其他相关模块和函数 Python 日期和时间 Python 程序能用很多方式处 ...
- MATLAB中的nargin与varargin的用法
nargin的用法: nargin:number of function input arguments,指的是一个函数的输入变量的个数. 用法:nargin或着nargin(fx), 其中fx指的是 ...
- flexbox弹性伸缩布局
<!doctype html><html lang="en"><head> <meta charset="UTF-8" ...
- 转:设计模式-----桥接模式(Bridge Pattern)
转自:http://www.cnblogs.com/houleixx/archive/2008/02/23/1078877.html 记得看原始链接的评论. 学习设计模式也有一段时间了,今天就把我整理 ...