展开全部
CSS中将文字和图片在一条线，就是用一个大的div将图片和文字都包裹起来，文字和图片都是需要将div包裹着，然后给这个三个div设置好适当的宽高，然后在文字和图片的这2个div设置一个float属性，这样图片和文字在一条线上,具体看代码：
<html>
<head>
<style>
#div1{
width:600px;
height:200px;
font-size:13px;
}
#div1 .img{
width:300px;
height:200px;
float:left;
}
#div1 .wenzi{
width:200px;
height:200px;
float:left;
}
</head>
<body>
<div id='div1'>
<div class='img'>
<img src='图片地址'>
</div>
<div class='wenzi'>我跟图片在一条线上</div>
</div>
</body>
</html>
<html>
<head>
<style>
#div1{
width:600px;
height:200px;
font-size:13px;
}
#div1 .img{
width:300px;
height:200px;
float:left;
}
#div1 .wenzi{
width:200px;
height:200px;
float:left;
}
</head>
<body>
<div id='div1'>
<div class='img'>
<img src='图片地址'>
</div>
<div class='wenzi'>我跟图片在一条线上</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
亲可以定义图片样式表。比如代码是:
<style>
.abc{vertical-align:middle;}
</style>
<img src="1.jpg" class="abc" />福彩：
这样就可以了
<style>
.abc{vertical-align:middle;}
</style>
<img src="1.jpg" class="abc" />福彩：
这样就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<img src="***.gif" align="absmiddle" /> 福彩：
追问
我想做出这种效果，怎么弄呢
以下是我做的，高度总是不一致
追答
看你的图片已经是 absmiddle 了，你觉得高度不一致呢，可以设置行高
根据你的图片高度来就可以了，比如你图片是20px高
那么你左右的容器都加上 line-height:20px; //这个高度可以根据你的需要来设定。
这样就能高度一致了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
图面的大小和文字如果不是一样大小的话有可能会出现这样的问题。
你可以给图片增加一个style="margin-bottom:-4px";
你可以按照你的实际图片效果来调整-4px的值。
你可以给图片增加一个style="margin-bottom:-4px";
你可以按照你的实际图片效果来调整-4px的值。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将你的图片不要用img放出来，用css的background，设定background-position:左距离 center
用img，但是这一行的line-height要和img的高度一致
用img，用table的td包起他们，设置vertical-align:middle
方法有不少，建议用第一种方法
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
