Question

您好，我是编码方面的新手，但渴望学习，我试图从头开始创建一个新网站，并希望在左侧设置图片，然后在右侧设置图片，如下所示……{ {3}} 我可以在左侧获得图像，在右侧获得图标和文本，而不仅仅是在图标右侧获得文本...而且似乎找不到任何示例。如果有人可以帮我，我将非常感激。

Answer 1

这是您要实现的吗？查找Bootstrap网格以获取更多帮助https://getbootstrap.com/docs/3.4/css/

您还可以显示代码以使问题更清楚。

<!DOCTYPE html>
<html lang="en">

<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

<body>

  <div class="container-fluid">
    <h1>Bootstrap grid system</h1>

    <p>select from 12</p>
    <br>
    <div class="row">
      <div class="col-md-4">
        <img src="img.png" class="img-responsive">

      </div>
      <div class="col-md-8">
        GG
        <h1>GLHF</h1>
      </div>
    </div>
  </div>

</body>

</html>

Answer 2

https://www.w3schools.com/css/css_float.asp

我想这就是你想要的。换句话说，只需在html和CSS样式表中添加文本和img链接，即可使用float: left和padding。

带有说明图片的浮动文本

2 个答案: