html - 如何将文本直接放在 img 后面

标签 html css

好吧,我得到了这个代码

echo  '<div class="incoming_msg_img"><img src="https://ptetutorials.com/images/user-profile.png" alt="sunil">'  . $row["Sender"] .  '</img></div>';

但是值在 img 下,我想把它放在 img 后面,有什么建议 示例:图片在这里 文字在这里 我要图片在这里 => 文字在这里

最佳答案

只需将 $row 变量放在标签之前。您也可以像前面描述的那样使用 CSS。通过使用::after。

echo '< div class="incoming_msg_img"> ' . $row['sender'] . '< br/> < img 
src="https://ptetutorials.com/images/user-profile.png" alt="sunil"> </div> ';

更好

 echo '< div class="incoming_msg_img"> ' . $row['sender'] .</div>

CSS

.incoming_msg_img::after{
   content: url(https://ptetutorials.com/images/user-profile.png);
 }

关于html - 如何将文本直接放在 img 后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50976092/

相关文章:

javascript - 使用 Angular 操作具有不同 id 的多个 div

javascript - 我需要帮助让 JQuery 函数 slideDown 在我的代码中工作

html - 将 dom 元素与另一个固定顶部元素的底部对齐

CSS 下拉菜单在 IE9 及更低版本中不起作用

html - CSS 跨度悬停不起作用

javascript - 如何在node.style中使用div类样式元素?

javascript - 克隆元素时更改 JavaScript 中子元素的 ID

c# - “该页面包含需要母版页引用的控件,但未指定”问题

php - 使用 JavaScript API 从 LinkedIn 获取个人资料详细信息

javascript - 如何根据范围输入值添加图像过滤器?