如何获得图像以元素顶部为中心的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;