Html:如何将两个图像一个在另一个上面与文本放在同一行?

麦克风

有没有办法将两个图像一个在另一个上面与文本放在同一行?这个例子为三行,第二行在“of text”这个词之后有两张图像一个在另一个上面,然后继续正常的文本?是否使用 css 或 table 或任何东西?

在此处输入图片说明

我尝试将它们放在 div 或图像块中,但不确定如何实现它。它们可以放在表格单元格中的另一个上方,但是表格不会与文本并排放置,它们可以浮动在段落的右侧或左侧,而不是我认为的中间。

示例图片链接:1 , 2如果可能,您可以使用它们在 jsfiddle.net 或其他东西中制作演示。

Łukasz Blaszyński

https://jsfiddle.net/kb1tc9r4/11/

这是一个解决方案,其中 css 代码使用 flexbox 来实现

.images {
  display: inline-flex;
  flex-direction: column;
}
<div>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text <div class='images'>
  <img width='20' src='https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ_-6FYKDSRJ2Qz8CTZLADbDgHmPaGKQjBMhbCqgEbgR7YkR7mS'>
  <img width='20' src='https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZYEcLppt4iu9tRNmH0KpP-_AZL62ZSgk8P36_4jG--MMXRg1xag'>
</div>text text text text texttext text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将一个图像放在另一个图像之上?

来自分类Dev

如何在行中的sql中将两个值相乘并将结果放在同一行中的另一个单元格中?

来自分类Dev

如何将表格(两个下拉菜单和一个按钮)放在一行的中心

来自分类Dev

当另一个图像放在上面时如何防止图像消失

来自分类Dev

如何将两个Bootstrap输入组放在同一行上?

来自分类Dev

如何将这两个元素放在同一行上?

来自分类Dev

当两个div都使用自动边距居中时,如何将一个div放在另一个之上?

来自分类Dev

如何将两个值从一个函数传递到同一类中的另一个函数?

来自分类Dev

将两个浮动div放在一个较小容器内的同一行上

来自分类Dev

两个li元素将一个放在左边,另一个放在右边

来自分类Dev

如何将两个函数调用放在一个 HTML 文件中?

来自分类Dev

如何将输入的值传递到同一行上的另一个输入

来自分类Dev

如何将一个值放在另一个列表中?

来自分类Dev

如何将一个div放在另一个下面

来自分类Dev

如何将两个类成员函数与同一个类中的另一个函数相加?

来自分类Dev

如何允许用户将图像放在html中的另一个图像之上?

来自分类Dev

如何将文本放在另一个div的div底部

来自分类Dev

如何将一个表的一行插入到另一个表的两行中

来自分类Dev

如何将一个图像浮动在另一个图像之上?

来自分类Dev

如何将文件内容插入到两个匹配行之间的另一个文件中?

来自分类Dev

在相对布局中如何将一个文本视图定位在上面另一个文本视图的中间

来自分类Dev

将两个相同的表连接到另一个表并在同一行中输出(相同)表的信息

来自分类Dev

将一个图像放在另一个图像之上

来自分类Dev

将一个文本放在另一个文本旁边

来自分类Dev

将两个图像视图放置在另一个图像视图上

来自分类Dev

如何将一个文件中的一行一行添加到另一个文件中

来自分类Dev

html5:通过单击按钮将两个带边框的文本放在另一个边框内

来自分类Dev

TextView位于同一行上,选择一个将取消另一个

来自分类Dev

如何将一个表中的两个字段关联到另一个表中的一个字段

Related 相关文章

  1. 1

    如何将一个图像放在另一个图像之上?

  2. 2

    如何在行中的sql中将两个值相乘并将结果放在同一行中的另一个单元格中?

  3. 3

    如何将表格(两个下拉菜单和一个按钮)放在一行的中心

  4. 4

    当另一个图像放在上面时如何防止图像消失

  5. 5

    如何将两个Bootstrap输入组放在同一行上?

  6. 6

    如何将这两个元素放在同一行上?

  7. 7

    当两个div都使用自动边距居中时,如何将一个div放在另一个之上?

  8. 8

    如何将两个值从一个函数传递到同一类中的另一个函数?

  9. 9

    将两个浮动div放在一个较小容器内的同一行上

  10. 10

    两个li元素将一个放在左边,另一个放在右边

  11. 11

    如何将两个函数调用放在一个 HTML 文件中?

  12. 12

    如何将输入的值传递到同一行上的另一个输入

  13. 13

    如何将一个值放在另一个列表中?

  14. 14

    如何将一个div放在另一个下面

  15. 15

    如何将两个类成员函数与同一个类中的另一个函数相加?

  16. 16

    如何允许用户将图像放在html中的另一个图像之上?

  17. 17

    如何将文本放在另一个div的div底部

  18. 18

    如何将一个表的一行插入到另一个表的两行中

  19. 19

    如何将一个图像浮动在另一个图像之上?

  20. 20

    如何将文件内容插入到两个匹配行之间的另一个文件中?

  21. 21

    在相对布局中如何将一个文本视图定位在上面另一个文本视图的中间

  22. 22

    将两个相同的表连接到另一个表并在同一行中输出(相同)表的信息

  23. 23

    将一个图像放在另一个图像之上

  24. 24

    将一个文本放在另一个文本旁边

  25. 25

    将两个图像视图放置在另一个图像视图上

  26. 26

    如何将一个文件中的一行一行添加到另一个文件中

  27. 27

    html5:通过单击按钮将两个带边框的文本放在另一个边框内

  28. 28

    TextView位于同一行上,选择一个将取消另一个

  29. 29

    如何将一个表中的两个字段关联到另一个表中的一个字段

热门标签

归档