html 怎么编写 文字靠左,图片靠右,并且底部对齐

 我来答
一叶知秋一言
2016-06-18 · TA获得超过266个赞
知道小有建树答主
回答量:209
采纳率:100%
帮助的人:36万
展开全部

有很多种方法,可以计算外层DIV的高度,为包含文字和图片的标签分别设置左右对齐,然后给相应的margin上边距。


还可以对最外层的DIV设置相对定位,再对里面的文字与图片设置绝对定位。定位示例:


<div>

         <span>413</span><img src="images/pic.jpg" />

</div>



比如你的DIV长为610像素,高为150像素的话,样式如下:


<style type="text/css">

div    {width:610px; height:150px; margin:50px auto; position:relative;}

span {position:absolute; left:0; bottom:0px;}

img  {position:absolute; right:0; bottom:0px;}

</style>


效果如下:


参考资料:http://blog.sina.com.cn/htmlcss3




 

百度网友b16b6f6cf
2016-06-17
知道答主
回答量:33
采纳率:0%
帮助的人:4.8万
展开全部
底部对齐,用定位比较好的
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Geek言一
2016-06-17 · 超过17用户采纳过TA的回答
知道答主
回答量:131
采纳率:0%
帮助的人:29.1万
展开全部
给标签加css样式,
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
醉度超妖06
2016-06-17 · TA获得超过1398个赞
知道大有可为答主
回答量:2673
采纳率:75%
帮助的人:1108万
展开全部
我会
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式