html – CSS img align:如何在DIV中设置img中右对齐

html – CSS img align:如何在DIV中设置img中右对齐,第1张

概述我正在寻找一种简单的方法来在DIV中右对齐img,即垂直 – 中间和水平 – 右对齐,如下所示: 我尝试在IMG样式中使用vertical-align:middle和float:right,但似乎不能一起工作.. <div style='height: 300px; width: 300px'> <img src= 'http://www.w3schools.com/tags/smiley 我正在寻找一种简单的方法来在div中右对齐img,即垂直 – 中间和水平 – 右对齐,如下所示:

我尝试在img样式中使用vertical-align:mIDdle和float:right,但似乎不能一起工作..

<div style='height: 300px; wIDth: 300px'>    <img src= 'http://www.w3schools.com/Tags/smiley.gif' style='vertical-align: mIDdle; float: right;'/></div>
@R_419_6120@
<div style='height: 300px; wIDth: 300px;border:1px solID #ff0000;display:table-cell;vertical-align: mIDdle'><img src= 'http://www.w3schools.com/Tags/smiley.gif' style='float:right;'/></div>

顺便说一下,你在图片标签中使用“styles =”.这是无效的.

总结

以上是内存溢出为你收集整理的html – CSS img align:如何在DIV中设置img中右对齐全部内容,希望文章能够帮你解决html – CSS img align:如何在DIV中设置img中右对齐所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1083912.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存