行盒的垂直对齐
多个行盒垂直方向上的对齐
给没有对齐元素设置vertical-align
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
input[type="checkbox"]{
width: 30px;
height: 30px;
vertical-align: middle;
}
</style>
</head>
<body>
<p>
<input type="checkbox">
<span>我同意xxxx</span>
</p>
</body>
</html>
给input设置,不是文字~
图片+文字————设置span里的文字
预设值
数值
图片的底部白边
图片父元素是一个块盒,块盒高度自动,图片底部和父元素底边之间往往会出现白边
解决办法;
-
父元素字体大小为0
-
将图片设置为块盒