小编Arm*_*res的帖子

如何在CSS中创建此形状?(垂直对齐div)

我如何在CSS中创建它?我无法对齐圆形div垂直中间.

见图:
http://siterepository.s3.amazonaws.com/4015/facebook.png

在这里我做了什么:https://jsfiddle.net/5odbwkn5/

 .gray-btn1 {
     width: 50px;
     height: 50px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background: url(../images/ico/9.png) no-repeat center 70%;
     background-color: #5dd6e4;
     margin-left:-20px;
     position: relative;
     float:left;
 }
 .gray-btn {
     width: 50px;
     height: 50px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     border-radius: 50%;
     background: url(../images/ico/9.png) no-repeat center 70%;
     background-color: #5dd6e4;
     margin-right: -20px;
     position: relative;
     float:right;
 }
 .gray-mid {
     background-color: #5dd6e4;
     text-align:center;
 }
Run Code Online (Sandbox Code Playgroud)
<div class="gray-mid">
    <div class="gray-btn1"><span class="fa-connectdevelop">left</span>
    </div>
    <div class="gray-btn"><span class="fa-connectdevelop">right</span>
    </div>
    <div style="height:100px">middle</div>
</div>
Run Code Online (Sandbox Code Playgroud)

css css3 css-shapes

3
推荐指数
1
解决办法
193
查看次数

标签 统计

css ×1

css-shapes ×1

css3 ×1