Question

我在容器中有一个段落。容器位于div内，最大宽度为900px。目前，当我打开浏览器时，我看到最大宽度有效，但内容向左移动，由于最大宽度，右边有一个空格。

这是我的html：

<!DOCTYPE html>
<html lang="en">
    <head>
      <title>Bootstrap Example</title>
      <style>
          .wrap{
              max-width:900px;
          } 
      </style>
      <link rel="stylesheet" href="main.css">
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <div class="wrap" style="text-align:justify">
           <div class="content">
               <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi soluta rerum aliquid voluptates, enim reiciendis. Laboriosam, voluptas itaque quis soluta dignissimos, blanditiis, nemo esse deserunt, cumque perferendis nesciunt voluptates magnam.</p>
           </div>
           <img src="Post1.jpg" alt="">   
        </div>
    </body>
</html>

如何将容器放在中心？另外，有没有办法让我可以将图像保留在容器内，但是让宽度充分流血？

Answer 1

试试这个：

  .wrap{
          width:900px;
          margin: 0px auto;
          max-width:900px;
      }

容器将居中。并且图像将比父图像大。

如何将内容与中心对齐

1 个答案: