2、题外话:
a标签的伪类注意正确的顺序:
a:link {……} a:visited {……} a:hover {……} a:active {……}
a:visited必须放于a:link之后,a:hover必须放于a:visited之后,不然是无效的。
对这两个元素设置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属性,可以实现像素级的对齐
根据问题描述有以下几种方式:
如果文本是固定字数且文本父级是固定高度 可用 vertical-align:middle
如果文本字数不是固定数,且文本父级层不是固定高度,可用 padding
如:padding:20px 0px这样文本距离层上下都是 20px,看着就垂直居中了。