如何獲得圖像以元素頂部爲中心的50％

Question

這怎麼可能？ https://gyazo.com/ef7b3c65b3b5e09906c01edcc7143c86¨

我想開發一個手機應用程序，這個設計看起來很棒，但我不知道如何做中心按鈕？有關如何開始的任何提示？

由於

Answer 1

plus { 
    display: block; 
    position: relative; 
    margin: auto; 
    margin-top: -50px; 
} 

HTML例如：

<div class="panel">...</div> 
<a class="plus" href="#plus"></a> 

或作爲顯示使用：內聯塊和設置文本對齊：中心到父DIV。 您也可以使用： 如果按鍵寬度250像素 - 使用125px

position: absolute; 
bottom: 10px; 
left: 50%; 
margin-left: -125px;