Html 在CSS上设置“最大宽度”属性会取消行中元素的居中

我正在用bootstrap3编写一个页面。我有一个容器，在其中我放置了一行，分成两列（第6列），文本居中（文本对齐：在父对象上居中，层叠到每个子对象）。问题是这两列中的一列太宽，因为它的文本比另一列多。然后，我设置“最大宽度”（max width）以均匀渲染它们，但现在在屏幕上，它们被拉到屏幕的左侧，而不是完全居中。如何在保持“最大宽度”属性的情况下再次将其居中

HTML

---

您可以使用css display flex属性将“service_box”居中。还有其他方法可以使it成为中心

.servizi_jumbotron{
背景：url（“../images/students.jpg”）；
宽度：100%；
高度：20vw；
保证金：0；
颜色：#ffffff；
字体大小：30px；
文本阴影：1px 1px 1px#222；
最小高度：200px；
}
.塞维齐奥头衔{
字体大小：45px；
}
.服务箱{
最大宽度：450像素；
}
.弹性行{
显示器：flex；
证明内容：中心；
}

私人服务




在国际竞争激烈的世界上，加入专业语言学家职业培训班。根据私人数字服务质量进行处置：



个人在线e/o形式的Corsi，为候选人做准备
用英格尔语在拉沃罗举行的学术讨论会
Corsi di inglese标准商业广告第二个客户
意大利语科尔西语（Corsi di lingua di lingua per stranieri individuali o di gruppo，presso privati o aziende）
准备lavoro的座谈会，以备制药、石油和天然气、酒店、食品和饮料
profili Linkedin酒店
组织国际学术研讨会，形成专门的学术报告

首先，您缺少标签。 您已经为服务盒元素使用了

col-md-6

class。这意味着在md以下，他们将使用100%的家长witdh。如果您想保持列宽为父列的50%，则只需使用

col-xs-6

并在md下方添加偏移量。您不需要设置

max width

。虽然我宁愿在更小的屏幕上放大它。像这样：

.servizi_jumbotron{
背景：url（“../images/students.jpg”）；
宽度：100%；
高度：20vw；
保证金：0；
颜色：#ffffff；
字体大小：30px；
文本阴影：1px 1px 1px#222；
最小高度：200px；
}
.塞维齐奥头衔{
字体大小：45px；
}
.服务箱{
}

私人服务




在国际竞争激烈的世界上，加入专业语言学家职业培训班。根据私人数字服务质量进行处置：




个人在线e/o形式的Corsi，为候选人做准备
用英格尔语在拉沃罗举行的学术讨论会
Corsi di inglese标准商业广告第二个客户
意大利语科尔西语（Corsi di lingua di lingua per stranieri individuali o di gruppo，presso privati o aziende）


准备lavoro的座谈会，以备制药、石油和天然气、酒店、食品和饮料
profili Linkedin酒店
组织国际学术研讨会，形成专门的学术报告

问题是，当我缩小屏幕时，我希望它们彼此堆叠，就像做col-sm-12一样。但是，当发生这种情况时，这两列会向左拉，而不是居中。如何解决？这几乎是完美的，问题是当屏幕非常宽（超过1250像素）时，两列连接在左侧，而不是完全居中。但是，如果我尝试为第一个添加col-lg-6，为第二个添加col-lg-offset-6，则它们彼此堆叠并处于相反位置。有什么想法吗？提前感谢：）啊，很抱歉，它起作用了，我忘记删除max-wdith属性：）

  <div class="servizi services servizi_jumbotron">
    <br>
  <h1 class="servizi_title">Servizi Per i Privati</h1>     
  </div>
  <br>
  <br>
  <div class="servizi container">
      <p><b>GET ON BOARD</b> si occupa della formazione professionale e linguistica di giovani professionisti, orientati ad un mondo del lavoro sempre piu' competitivo ed internazionale. Mettiamo a disposizione per i privati numerosi servizi quali:</p>
      <br>
  </div>    
  <div class="servizi container">
    <div class="row">
      <div class="col-md-6 service_box">
        <img src="" alt="">
        <li>Corsi individuali di formazione online e/o in presenza volti alla preparazione dei candidati a 
          sostenere colloqui di lavoro in lingua inglese.</li>
        <li>Corsi di inglese standard e commerciale a seconda delle esigenze del cliente..</li>
        <li>Corsi di lingua italiana per stranieri individuali o di gruppo, presso privati o aziende</li>
      </div>
      <div class="col-md-6 service_box">
        <img src="" alt="">
        <li>Preparazione di colloqui di lavoro per vari settori tra cui Pharma, Oil and Gas, Hospitality, Food & Beverage…</li>
        <li>Ottimizzazione di profili Linkedin</li>
        <li>Organizzazione di seminari e workshop formativi internazionali con docenti e ricercatori specializzati.</li>
      </div>
  </div>
</div>    

.servizi_jumbotron {
    background: url("../images/students.jpg");
    width: 100%;
    height: 20vw;
    margin: 0;
    color: #ffffff;
    font-size: 30px;
    text-shadow: 1px 1px 1px #222;
    min-height: 200px;
}

.servizi_title {
    font-size: 45px;
}


.service_box {
    max-width: 450px;
}