鍍金池/ 問答/HTML/ 求助，CSS多行固定寬文字水平居中問題

求助，CSS多行固定寬文字水平居中問題

跟著youtube上的視頻在學前端。今天遇到一個問題，同樣的代碼，大標題居中生效了，但我的定寬多行文字不居中。

我的CSS如下：

.content {

  padding: 2rem 0 6rem 0;
  .title, .sub_title {
      color: $white;
      text-align: center;
  }
  .title {
      font-weight: 400;
      font-size: 3rem;
      margin: 10 0 10 0;
  }
  .sub_title {
      font-weight: 300;
      font-size: 1rem;
      width: 600px;
      margin: 0 auto 2rem 0;
      line-height: 2rem;
  }

設計圖效果

clipboard.png

我的效果
圖片描述

回答
編輯回答
淺時光

很明顯啊， title和subTitle的容器寬度不一樣， subTitle被限定了寬度600px，就這個寬度而言，文字確實是居中的（不信看最后一行文字）。你把 title和subTitle的寬度都設定為 100%再看。

2018年9月13日 03:53
編輯回答
舊城人

有個簡單粗暴但是比較蠢的方法，有多少行文字就弄多少DOM，寬度設一樣。

2018年3月25日 15:42
編輯回答
貓小柒

用margin屬性使塊狀元素居中的話要設margin-left和margin-left為auto；
附margin簡寫
margin:四邊；
margin:上下 左右；
margin:上 左右 下；
margin:上 左 下 右；

2018年6月8日 05:54
編輯回答
毀與悔

用開發(fā)者工具看一下這個容器的真實寬度，還有父級容器的屬性。定位不是一個屬性決定的。

2018年4月4日 11:12