Html 如何将内容与中心对齐_Html_Css

Html 如何将内容与中心对齐

html css

Html 如何将内容与中心对齐,html,css,Html,Css,我在一个容器里有一个段落。容器位于最大宽度为900px的div内。此时，当我打开浏览器时，我看到“最大宽度”（max width）起作用，但内容已向左移动，并且由于“最大宽度”（max width），右侧有一个空格这里是我的html： <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <style>

我在一个容器里有一个段落。容器位于最大宽度为900px的div内。此时，当我打开浏览器时，我看到“最大宽度”（max width）起作用，但内容已向左移动，并且由于“最大宽度”（max width），右侧有一个空格

这里是我的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>


引导示例
.包裹{
最大宽度：900px；
} 
Lorem ipsum dolor sit amet，奉献精英。非流动性液体溶质的有效性。劳工组织、权贵组织、布兰迪提斯组织、尼莫·埃塞·德朗特组织、权贵组织

我怎样才能把容器放在中间？另外，是否有一种方法可以将图像保留在容器内，但使宽度完全出血？

尝试以下方法：

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

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

您可以添加到您的css添加边距：0自动；到内容组？`@谢谢，它很有效。我的另一个问题是图像。有没有一种方法可以使宽度完全出血，即使它在一个最大宽度的容器内？@eltonsoua，对不起？@coderdudetwodee。目前，图像位于容器内，因此它的宽度不适合整个屏幕，因为存在最大宽度。有没有办法使图像适合整个屏幕（宽度）并保存在容器内？@Eltonsoua，这是另一个问题，我会看看。如果你以前的问题解决了，你可以接受这个答案。好吗？答案是投票的。如果你能回答另一个问题，我将不胜感激。只是在我正在开发的网站中，整个内容被包装在一个最大宽度的容器中。但在某些部分，我有需要全宽的图像。我曾经看到一些人使用calc函数，但不记得在哪里以及如何使用它。提前谢谢