html - 我怎样才能垂直和水平居中 3 100x100px div 同时保持它们在行中

Question

我用 HTML 和 CSS 编写代码只有大约 6 个月，我需要将 3 个高度和宽度为 100px 且边框半径为 %100 的 div 居中

Answer 1

给你:

.wrap {
text-align: center;
position:absolute;
margin:auto;
left:0; right:0;
top:0; bottom:0;
width:100%;
height:100px;
display:block;
}

div div {width: 100px; 
height: 100px; 
background: #30353b; 
border-radius: 100%; 
display:inline-block;
}

http://jsfiddle.net/drukaman/paohy1bc/