在html中如何在屏幕之间放置元素_Html_Css

在html中如何在屏幕之间放置元素

html css

在html中如何在屏幕之间放置元素,html,css,Html,Css,我正在学习html和css，我想复制网页：学习帮助提高我的技能。我想把两个图像之间的html，css屏幕。我希望大家都能帮助我或者请给我关键词技术谈话|徐hướng cônghệ 您可以使用行和列例如，您可以使用bootstrap执行类似的操作，只需将段落标记更改为您需要使用的内容： <!DOCTYPE html> <html> <head> <title>Test Page</title> <lin

我正在学习html和css，我想复制网页：学习帮助提高我的技能。我想把两个图像之间的html，css屏幕。我希望大家都能帮助我
或者请给我关键词


技术谈话|徐hướng cônghệ

您可以使用行和列

例如，您可以使用bootstrap执行类似的操作，只需将段落标记更改为您需要使用的内容：

<!DOCTYPE html>
<html>
  <head>
    <title>Test Page</title>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
  </head>
  <body>
    <div class="container-fluid">
      <div class="row">
        <div class="col">
          <p>Testing 1!!!</p>
        </div>
        <div class="col">
          <p>Testing 2!!!</p>
        </div>
      </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  </body>
</html>


测试页
测试1
测试2

使您的代码类似于以下代码

/*在demo.css中添加以下代码*/
正文{宽度：80%；边距：0自动；}
标题{边距：50px 0}
.left{float:left；}
.right{float:right；}
.clear{clear:两者；}
.block{宽度：49.5%；高度：150px；}
.block img{宽度：100%；显示：block；高度：100%；}


技术谈话|徐hướng cônghệ

最简单的解决方案：使用一个表并将图像设置在同一行的两列中。@FDavidov最简单的解决方案可能是在两个图像周围加上一个div，并给它一个

display:flex

屏幕之间的

是什么意思？@AbidHasan，我想我们不应该争论品味。仅仅为了这个，真的没有必要包括3个新的库。