CSS 单选框和图片如何垂直居中

html-css010

CSS 单选框和图片如何垂直居中,第1张

对这两个元素设置css属性vertical-align:middle。

1.

首先明确单选框是<input>标签,和<img>都属于行内元素,那么他们都可以使用vertical-align属性。

2.

vartical-align是css中设置行内元素相对于父元素的垂直位置的属性,其值有baseline

|

sub

|

super

|

top

|

text-top

|

middle

|

bottom

|

text-bottom

|inherit。默认值为baseline

3.

有时候我们并不需要行内元素完全居中,只是需要提高一点或者降低一点,这是可以对元素应用line-height属性,可以实现像素级的对齐

1、是不是width:600height:200的问题,没单位px;

2、题外话:

a标签的伪类注意正确的顺序:

a:link {……} a:visited {……} a:hover {……} a:active {……}

a:visited必须放于a:link之后,a:hover必须放于a:visited之后,不然是无效的。

只是水平居中就是定好宽度margin: 0 auto如果还要垂直居中就:假如是100x100的矩形就是position: absolutetop: 50%left: 50%margin-top: -50pxmargin-left: -50px但是这种方法要看清父级元素有没有设置position: relative要不然很容易会乱,因为你要的是屏幕居中嘛。vertical-align: middle这个也是垂直居中,但难用,我就用不好,你看看用哪种好咯。