html - <a><img></a> 使用 CSS 使文本出现在图像之后

标签 html css

<a id="logon_findaP" href="javascript:findA()">Find A
    <img id="img_logon_finda" align="right" src="/mobile/Images/findA.png" alt="Find A">
</a>

上面是一张带 anchor 标签的图片,它先显示文字,后显示图片。

有没有办法使用 CSS 使其先显示图像然后垂直对齐文本?

最佳答案

您可以使用以下 CSS 规则。

#logon_findaP {
   text-align: right;
} 

#img_logon_finda {
 float : left !important; 
}
<a id="logon_findaP" href="javascript:findA()">Find A
    <img id="img_logon_finda" src="https://www.gravatar.com/avatar/0241f873cfe31b997225d46d066e6bce?s=48&d=identicon&r=PG" alt="Find A">
</a>

关于html - <a><img></a> 使用 CSS 使文本出现在图像之后,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32189109/

相关文章:

javascript - 如何将参数传递给 eval() javascript 中的字符串?

html - 不同平台上的 CSS 按钮

html - :hover active area? 元素生成的框或基于html结构的框是什么

css - 在两列之间制作一个 div 容器

javascript - 使用相同的类向 div 添加不同的 id

html - 页面在 FIREFOX 上不显示内容,但在 Chrome 甚至 IE 中显示内容

html - 为什么我的表格不符合我的固定 COL 宽度?

python - Tornado 类未收到 HTML 表单数据

css - 如何将 `inherit` 值设置为 CSS 自定义属性?

python - 通过css选择器python,selenium使用查找元素时选择内部文本并创建循环