我试图对齐我一个正方形的div里面的图标有两个属性:中心 + MIDDLE如何将我的图标对准我的方形盒子的中心?
这是我希望得到的:
我已经尝试过我的CSS:
/* Slick Settings */
.slick-next {
right: 0px;
border: 1px solid black;
width:35px;
height:35px;
padding: 5px;
display:table;
text-align: center;
}
.slick-prev {
left: 360px;
border: 1px solid black;
width:35px;
height:35px;
padding: 5px;
display:table;
text-align: center;
}
.slick-next:before {
font-family: FontAwesome;
content:"\f105";
color:black;
display: table-cell;
vertical-align: middle;
left: 50%;
}
.slick-prev:before {
font-family: FontAwesome;
content:"\f104";
color:black;
display: table-cell;
vertical-align: middle;
left: 50%;
}
这是w帽子我产生:
有人可以帮助我?
随意建议我,如果你有任何其他更好的方式来执行此操作。
在此先感谢。
我已经通过事故数这个问题的答案。大声笑。但让我尝试一下你的建议。 – ihue 2015-04-01 19:27:48
哈哈冷静的人。文本对齐:在父div的中心应该工作,但我认为所有多余的CSS是搞砸了。 – Chase 2015-04-01 19:29:25
是啊显示:table-cell; vertical-align:middle; 剩余:50%; ....其中一个保持文本对齐工作我认为 – Chase 2015-04-01 19:30:47