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这个也是垂直居中,但难用,我就用不好,你看看用哪种好咯。