行盒的垂直对齐
多个行盒垂直方向上的对齐
给没有对齐的标签设置vertical-align，设置在行盒（span）上
预设值：top，middle（中线对齐）------
数值：30px,-12px,还可以设置百分比；
<style>
input[type="checkbox"]{
width: 30px;
height: 30px;
}
span{
vertical-align: 3px;
}
</style>
<body>
<p>
<input type="checkbox">
<span>我同意</span>
</p>
</body>
</html>
图片的底部白边
图片的父标签是一个块盒，块盒高度自动，图片底边和父标签底边之间往往会出现空白的一条边
解决方法：
1，设置父标签的字体大小为0.副作用：如果父标签里面有文字就看不见了，原因之一：继承了父标签的字体大小，但设置了也看不见。
2.将图片设置为块盒（建议）
<style>
div{
border: 2px solid;
}
/* div是常规流，是撑满的，右边有很多空白，如果想要适应图片的宽高，可以把它做成浮动，浮动是自适应宽高，或者绝对定位 */
div img{
display: block;
}
</style>
</head>
<body>
<div>
<img src="1.jpg" alt="">
</div>
</body>
</html>
308
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
