css文字和图片同行居中

发布网友发布时间：2022-04-22 09:52

共2个回答

热心网友时间：2022-04-21 07:04

很简单，给两个img加一个float即可，代码如下，已测试通过：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.head_navi{height:100px; background:url(
) repeat-x;}
.head_navi .logo{height:55px; padding:22px 0;}
.qyhg{display:inline-block;font-size:22px; height:55px;line-height:55px; color:#454545;text-align:center; }
.float{float:left;}
</style>
</head>

<body>
<div class="head_navi">
<div class="logo">
<img class="float" src="

<img class="float" src="

<span class="qyhg">前段制作</span>
</div>
</div>
</body>
</html>

热心网友时间：2022-04-21 08:22

给两个img 和span 都加上 style="vertical-align: middle;"