如何用css让一个边框自动居中

html-css015

如何用css让一个边框自动居中,第1张

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

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,看着就垂直居中了。