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

html-css021

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属性，可以实现像素级的对齐

为body的内容加边框，就在body里面设置个div ，然后设置它的属性，比如：边框boder:1px solid #f00居中：margin：auto；层里面的内容你不设置还是原来的样子。