对于img标签中的verticle-align的属性值只是为了去除其默认的属性-baseline,其默认为基线对齐即图片底层对齐，只要将其属性值设为其他值，就可以对文本进行竖直方向的
位置设置，一般设置其line-height属性，（在这之前要对行属性标签转为在一行显示的块属性，即例子中的display:inline-block;为了对文本进行高度设置，且使两个标签在同一行显示）；
话不多说，来个例子
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title></title>
<styletype="text/css">
.out{
width:100%;
height:100px;
background: red;
}
.outimg{
width:100px;
display:inline-block;
vertical-align:middle;
}
.outspan{
display:inline-block;
height:80px;
line-height:80px;
}
</style>
</head>
<body>
<divclass="out">
<imgsrc="../img/8.jpg"/>
<span>我是个好人</span>
</div>
</body>
</html>
下图为效果图：
--------------------------觉得有用的记得关注哦！我会继续努力的！
939
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
