頁腳中文字的填充位置頂部

我不確定這裏有什麼問題，因爲它看起來很簡單，但我無法使其工作。所以我只想縱向操作頁腳內容的位置，但它始終堅持頂點。填充，保證金，沒有任何幫助......爲什麼不呢？頁腳中文字的填充位置頂部

.footer{ 
 
\t background-color: #333; 
 
\t height: 50px; 
 
\t text-align: center; 
 
} 
 

 
.imprint p{ 
 
\t color: #fff; 
 
\t padding: 50 px; 
 
}

<footer class="footer"> 
 
     <div class="imprint"> 
 
     <p>&copy; 2017 Bike Berlin</p> 
 
     </div> 
 
    </footer>

來源

2017-09-02 Cherian Grundmann

你有一個錯字：'padding：50 px;'不應該有那個空間。應該是'padding：50px;'。 – misterManSam

你不需要增加高度，50和PX

.footer{ 
 
\t background-color: #333; 
 
\t text-align: center; 
 
} 
 

 
.imprint p{ 
 
\t color: #fff; 
 
\t padding: 15px; 
 
}

<footer class="footer"> 
 
     <div class="imprint"> 
 
     <p>&copy; 2017 Bike Berlin</p> 
 
     </div> 
 
    </footer>

來源

2017-09-02 08:03:28

如果你有頁腳只有一條線之間移除空間，可以使用line-height: 50px。它會使行高到頁腳的高度，因此文本將位於中間。

.footer { 
 
    background-color: #333; 
 
    text-align: center; 
 
    line-height: 50px; 
 
} 
 

 
.imprint p { 
 
    color: #fff; 
 
}

<footer class="footer"> 
 
    <div class="imprint"> 
 
    <p>&copy; 2017 Bike Berlin</p> 
 
    </div> 
 
</footer>

來源

2017-09-02 08:21:18 felixmosh

參照頁腳不使用footer標籤。你有班級來調整它。這是正常行爲（至少在瀏覽器實現中）。保證金不影響孩子相對於其父母的地位，除非父母有填充，在這種情況下，大多數瀏覽器會將孩子的保證金添加到父母的填充。嘗試使用此，它可能工作：

.footer{ 
background-color: #333; 
height: 50px; 
text-align: center; 

} 

.imprint p{ 
color: #fff; 
padding-top:15px; 
}

和更改頁腳div：

<div class="footer"> 
    <div class="imprint"> 
    <p class="para">&copy; 2017 Bike Berlin</p> 
    </div> 
</div>

來源

2017-09-02 08:30:14

取出height屬性，並使用padding爲.imprint p代替。您只需在容器的頂部和底部邊緣添加相同數量的空間

來源

2017-09-02 08:30:57

只需將填充值更改爲15px，即可解決您的問題。

.footer{ 
    background-color: #333; 
    height: 50px; 
    text-align: center; 
     } 
.imprint p{ 
    color: #fff; 
    padding: 15px; 
    }

來源

2017-09-02 08:31:17

頁腳中文字的填充位置頂部

回答

相關問題