如何使img内联文本 [英] How to put img inline with text
本文介绍了如何使img内联文本的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有这个代码：
<div class = "content-dir-item">
<p>Text input</p>
<img src="./images/email.png" class = "mail" alt="img-mail" />
</div>
我会使用css将img内联到文本。
I would put img inline with text using css. How can I do this?
推荐答案
图片有 display：inline
您可能想将图像放在段落内。
< p>< img />< / p> code>
Images have display: inline by default.
You might want to put the image inside the paragraph.
<p><img /></p>
注意，我建议更改 src =./ images / email.png到 src =../ images / email.png。
注意两点 .. /
As a side note, I'd recommend changing src="./images/email.png" to src="../images/email.png".
Notice the two points ../
这篇关于如何使img内联文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
