文本對齊中心歌劇 - CSS

Question

如果Chrome是這個樣子：

.text-center { 
    text-align: -webkit-center; 
} 

和Firefox：

.text-center { 
    text-align: -moz-center; 
} 

怎麼樣的歌劇嗎？

.text-center { 
    text-align: -o-center; 
} 

不工作。

UPDATE：

HTML：

.container 
    .text-center.label-margin 
     %h3 
     .bubble LEADERSHIP 

我的氣泡類別的CSS。

.bubble { 
    position: relative; 
    width: 170px; 
    height: 45px; 
    padding: 11px 0 0 0 !important; 
    background-color: #333333 !important; 
    font-style: normal !important; 
    font-family: 'Fira Sans', sans-serif; 
    font-size: 25px; 
    font-weight: 600; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    color: #fff; 
} 

它看起來像在Opera

Answer 1

你不需要前綴text-align屬性。你可以簡單地使用：

text-align:center; 

改爲（它應該適用於所有瀏覽器）。

延伸閱讀：

• W3.org documentation的text-align屬性。
• 這裏有一篇很不錯的文章，你可能會覺得有用。
• 如果我們正在討論任何物業，caniuse...是那裏的'最好的'瀏覽器兼容性網站之一，幾乎所有的CSS屬性的信息。

---

另外請注意：邊界半徑不需要前綴（並沒有現在相當長的一段時間內完成），同時使用!important被認爲是不好的做法，所以我會親自向擺脫使用它的習慣。

Answer 2

嘗試這樣的：Demo

.center{ 
text-align-center; 
} 

沒有必要專門爲所有的瀏覽器使用，因爲它幾乎被所有的瀏覽器接受