元素不以文本對齊爲中心：添加中心

我有一個簡單的部分，我正在使用我的頁腳下。在我的媒體查詢640px或更少，這兩行不會中心添加text-align: center。我也試過margin: 0 auto，但那也不適合我。元素不以文本對齊爲中心：添加中心

這兩段爲什麼不是中心？這很簡單，但我只是想念一些東西。

#copyright { 
 
\t width: 100%; 
 
\t /*padding: 10px 10%;*/ 
 
\t color: #999999; 
 
\t background: #1B1B1B; 
 
\t font-family: Verdana, Geneva, sans-serif; 
 
\t position: relative; 
 
\t clear: both; 
 
} 
 
#copyright a { 
 
\t color: #999999; 
 
} 
 
#copyright_left { 
 
\t float: left; 
 
\t text-align: left; 
 
\t margin-left: 10%; 
 
} 
 
#copyright_right { 
 
\t float: right; 
 
\t margin-right: 10%; 
 
} 
 

 
/*----------------------------------------------PHONE MEDIA QUERY 640--------------------------------------------*/ 
 

 
@media screen and (max-width:640px) { 
 
/*---Copy Right ---*/ 
 
#copyright { 
 
\t font-size: .9em; 
 
    text-align: center; 
 
} 
 
#copyright_left { 
 
\t text-align: center; 
 
} 
 
#copyright_right { 
 
\t text-align: center; 
 
} 
 
}

<div id="copyright"> 
 
    <p id="copyright_left">&copy; 2016 -All Rights Reserved- <a href="index.php">EquipmentInsider.com</a></p> 
 
    <p id="copyright_right"><a href="About-us.php">About Us</a> | <a href="Contact-us.php">Contact</a> | <a href="Terms-of-Agreement.php">Terms of Agreement</a></p> 
 

 
    <br class="clear" /> 
 
    </div>

來源

2016-03-22 Becky

你已經給你的主css漂浮，所以在響應的CSS你必須禁用浮動，因爲浮動text-align:center和margin:0 auto不起作用。看看下面的css

@media screen and (max-width:640px) { 
/*---Copy Right ---*/ 
#copyright { 
    font-size: .9em; 
    text-align: center; 
} 
#copyright_left { 
    text-align: center; 
    float:none; 
} 
#copyright_right { 
    text-align: center; 
    float:none; 
} 
}

來源

2016-03-22 04:48:02

'float：none'是否帶走邊距或高度？我現在在這部分上面得到一個空白區域。 – Becky

no'float：none'不會影響保證金或高度，一定有其他一些問題，請分享截圖或小提琴找出它 –

照片添加到我的問題。 – Becky

您似乎缺少YOUT花車設置爲none。如果它仍然不居中，請嘗試查找覆蓋媒體查詢聲明的任何其他css。

編輯：你的利潤率也是一樣。

來源

2016-03-22 04:39:49 Scorer

這太瘋狂了，當我這樣疲憊的時候如此想念這麼簡單的事情。出於某種原因，這使得股票下跌一點。任何想法爲什麼？ – Becky

浮動元素改變了元素佈局的方式。 Yout br元素不再清除漂浮物，因爲沒有。這可能是原因。 – Scorer

元素不以文本對齊爲中心：添加中心

回答

相關問題