什麼是在Safari瀏覽器中居中文本的最佳方式

我正在使用CSS在圖片上放置覆蓋色。在IE，Opera，Chrome和Firefox中一切正常。我在Safari中遇到的唯一困難是當疊加顯示拒絕在Safari瀏覽器（5.1.7 - Windows）中正確居中時出現的文本。以下是僅用於CSS代碼文本部分的代碼。讓我知道你是否需要更多的工作。什麼是在Safari瀏覽器中居中文本的最佳方式

.text { 
    width: 100%; 
    white-space: nowrap; 
    margin-left:auto; 
    text-align: center; 
    text-align: -moz-center; 
    text-align: -webkit-center; 
    margin-right:auto; 
    color: white; 
    font-family: "Times New Roman", Times, serif; 
    font-size: 2.0em; 
    font-weight: bold; 
    position: absolute; 
    overflow: visible; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    z-index: 9; 
}

來源

2017-03-17 edwards

您的HTML的基本視圖將是有用的。你的.text與你的圖片有什麼關係？父母/孩子還是兄弟姐妹？ –

如果寬度爲100％，它將如何居中？ –

您提供的代碼缺失-webkit-transform：translate（-50％，-50％）;添加這個還是會產生問題嗎？

來源

2017-03-17 23:41:03

什麼是在Safari瀏覽器中居中文本的最佳方式

回答

相關問題