如何让一个div里的图片居右对齐。div里有一个Span和一张图片，要求图片居右，不换行。有精通布局的吗？
3个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>效果</title>
<style>
.content { width:200px;
border:#000000 1px solid;
padding:10px 10px 10px 10px;
height:70px;
}
.left { float:left;
width:100px;
height:50px;
border:#000000 1px solid;
}
img { float:right;}
</style>
</head>
<body>
<div class="content">
<span class="left">
这是左边的span
</span>
<img src="jQuery FancyBox 实现点击小图显示大图/example/1_s.jpg" />
</div>
</body>
</html>
这个应该就是你要的效果
其中关键的时图片要float:left或者float:right
而且图片的宽度不能大于最外面的那个div宽度，除非你把外面的div宽度设置为width:auto
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>效果</title>
<style>
.content { width:200px;
border:#000000 1px solid;
padding:10px 10px 10px 10px;
height:70px;
}
.left { float:left;
width:100px;
height:50px;
border:#000000 1px solid;
}
img { float:right;}
</style>
</head>
<body>
<div class="content">
<span class="left">
这是左边的span
</span>
<img src="jQuery FancyBox 实现点击小图显示大图/example/1_s.jpg" />
</div>
</body>
</html>
这个应该就是你要的效果
其中关键的时图片要float:left或者float:right
而且图片的宽度不能大于最外面的那个div宽度，除非你把外面的div宽度设置为width:auto
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置div的text-align:right；属性，span标签是内容在一行显示，你在里面放图片就行了啊，要注意div和图片的长度!
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="text-align:center;"><span><img src="XXX" ></span></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
