我有一個簡單的部分,我正在使用我的頁腳下。在我的媒體查詢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">© 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>
'float:none'是否帶走邊距或高度?我現在在這部分上面得到一個空白區域。 – Becky
no'float:none'不會影響保證金或高度,一定有其他一些問題,請分享截圖或小提琴找出它 –
照片添加到我的問題。 – Becky