如何在彼此之间串联两个div?

不见了

需要帮助使两个div彼此对齐,一个包含2张图片,另一个包含视频。

的HTML

        <img src="example3.png" alt="CopeLogo" height="200" width="200" class="exlogo" >
    </div>
</div>

的CSS

#pics{
text-align: center;
background-color: #194b6f;
height: 200px;
width: 500px;
float: left;
border-radius: 5px;
margin-left: 50px;
border: 2px dashed black;}

#vid{
text-align: center;
background-color: #194b6f;
height: 490px;
width: 660px;
float: right;
border-radius: 5px;
border: 2px dashed black;
margin-right: 50px;}
克劳迪奥斯

我的意思是,但是请添加您的工作代码,以使您的问题更加清楚。

您实际上可以这样做:

的HTML

<div class="header">
  <div class="pic">
    <img src="http://placehold.it/150x150" alt="">
    <img src="http://placehold.it/150x150" alt="">
  </div>
  <div class="vid">
    <img src="http://placehold.it/400x150" alt="">
  </div>
</div>

CSS:

.header {
  display: inline-block; 
  width: 100%;
  border: 1px solid #ccc;
}
.vid {
  float: right;
}
.pic {
  float: left;
}

工作小提琴

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

DOM如何在彼此之间添加两个div(其中包含jQuery)?

来自分类Dev

如何在PHP中同时包含两个类文件,以便彼此之间可以访问它们的方法?

来自分类Dev

GridLayout彼此之间有两个表

来自分类Dev

两个列表中唯一项的列表,彼此之间重复

来自分类Dev

如何在彼此上放置两个div?

来自分类Dev

如何在彼此之间动态添加按钮

来自分类Dev

我如何在彼此之间设置这些li元素?

来自分类Dev

如何在两个父母之间转换div?

来自分类Dev

如何在两个类之间添加div

来自分类Dev

如何在html中的两个div之间画线

来自分类Dev

如何停止两个状态值之间的串联

来自分类Dev

如何串联两个文件并在它们之间写入?

来自分类Dev

如何在golang中的一个存储库下在彼此之间导入软件包?

来自分类Dev

如何将两个div彼此相邻放置?

来自分类Dev

如何将两个div彼此对齐?

来自分类Dev

如何让两个 <div> 浮动在彼此下方

来自分类Dev

如何验证彼此之间的范围列表?

来自分类Dev

如何在彼此内部导入两个 VueJS 组件?

来自分类Dev

我如何才能向左浮动两个div(彼此下方),向右浮动两个div(彼此下方)

来自分类Dev

有人可以在SQL中使用此加入语句帮助我吗?彼此之间有两个JOINS

来自分类Dev

如何在Python中串联两个元素列表?

来自分类Dev

如何在matlab中垂直串联两个图像?

来自分类Dev

两个相对的div彼此重叠

来自分类Dev

彼此叠放两个div

来自分类Dev

彼此相邻的两个div

来自分类Dev

如何在列表中找到彼此之间每个元素的总和

来自分类Dev

如何在不使用串联的情况下串联两个numpy ndarrays

来自分类Dev

如何在Live View中消除包含div的两个div之间的空间?

来自分类Dev

如何使两个图像彼此相对?

Related 相关文章

  1. 1

    DOM如何在彼此之间添加两个div(其中包含jQuery)?

  2. 2

    如何在PHP中同时包含两个类文件,以便彼此之间可以访问它们的方法?

  3. 3

    GridLayout彼此之间有两个表

  4. 4

    两个列表中唯一项的列表,彼此之间重复

  5. 5

    如何在彼此上放置两个div?

  6. 6

    如何在彼此之间动态添加按钮

  7. 7

    我如何在彼此之间设置这些li元素?

  8. 8

    如何在两个父母之间转换div?

  9. 9

    如何在两个类之间添加div

  10. 10

    如何在html中的两个div之间画线

  11. 11

    如何停止两个状态值之间的串联

  12. 12

    如何串联两个文件并在它们之间写入?

  13. 13

    如何在golang中的一个存储库下在彼此之间导入软件包?

  14. 14

    如何将两个div彼此相邻放置?

  15. 15

    如何将两个div彼此对齐?

  16. 16

    如何让两个 <div> 浮动在彼此下方

  17. 17

    如何验证彼此之间的范围列表?

  18. 18

    如何在彼此内部导入两个 VueJS 组件?

  19. 19

    我如何才能向左浮动两个div(彼此下方),向右浮动两个div(彼此下方)

  20. 20

    有人可以在SQL中使用此加入语句帮助我吗?彼此之间有两个JOINS

  21. 21

    如何在Python中串联两个元素列表?

  22. 22

    如何在matlab中垂直串联两个图像?

  23. 23

    两个相对的div彼此重叠

  24. 24

    彼此叠放两个div

  25. 25

    彼此相邻的两个div

  26. 26

    如何在列表中找到彼此之间每个元素的总和

  27. 27

    如何在不使用串联的情况下串联两个numpy ndarrays

  28. 28

    如何在Live View中消除包含div的两个div之间的空间?

  29. 29

    如何使两个图像彼此相对?

热门标签

归档