当图片和文本在一行的时候显示时 效果很奇葩
文字和图片根本对不齐
想让文本对齐在图片垂直居中
这时候一般的方法是 图片 和 文本盒子 设置为 行内快(inline-block)
图片给高度
文本盒子不要给高度
给他们都设置 vertical-align:middle;
<!doctype html>
<html>
<head>
<!--声明当前页面的编码集:charset=gbk,gb2312(中文编码),utf-8国际编码-->
<meta http-equiv="Content-Type" content="textml; charset=utf-8" />
<!--当前页面的三要素-->
<title>美女 - 木马老师</title>
<meta name="Keywords" content="关键词,关键词" />
<meta name="description" content="描述" />
<!--css,js-->
<style type="text/css">
*{
margin:0;padding:0;}