Twitter bootstrap 在中心对齐锚定标记内的内容

Twitter bootstrap 在中心对齐锚定标记内的内容,twitter-bootstrap,css,font-awesome,Twitter Bootstrap,Css,Font Awesome,我需要帮助使锚内的内容垂直对齐。我正在使用字体可怕的图标和锚标签内的文本。我希望图标和文本在中心垂直和水平对齐。我能够使水平对齐工作,但没有垂直对齐。不知道我错过了什么 .my tile{ 高度:90px; 左边距:0.5%; 右边距:0.5%; 浮动:左; 字体系列:“Segoe UI”,塔荷马,日内瓦,Verdana,无衬线; 字体大小:14px; /*显示:表格*/ 边界半径:3px; -moz边界半径:3px; -webkit边界半径:3px; 位置:相对位置; 对齐项目:居中; 背景

我需要帮助使锚内的内容垂直对齐。我正在使用字体可怕的图标和锚标签内的文本。我希望图标和文本在中心垂直和水平对齐。我能够使水平对齐工作,但没有垂直对齐。不知道我错过了什么

.my tile{
高度:90px;
左边距:0.5%;
右边距:0.5%;
浮动:左;
字体系列:“Segoe UI”,塔荷马,日内瓦,Verdana,无衬线;
字体大小:14px;
/*显示:表格*/
边界半径:3px;
-moz边界半径:3px;
-webkit边界半径:3px;
位置:相对位置;
对齐项目:居中;
背景:线性渐变(#af4b17,#e57234);/*标准语法*/
背景:-moz线性梯度(#af4b17,#e57234 35%,#e57234);
背景:-webkit渐变(线性、左上、左下、颜色停止(0,#af4b17)、颜色停止(.35,#e57234)、颜色停止(1,#e57234));
边框:1px实心#af4b17;
文本对齐:居中;
证明内容:中心;
垂直对齐:中间对齐;
}
.我的瓷砖>a{
显示器:flex;
对齐项目:居中;
证明内容:中心;
颜色:白色;
/*垫底:10px*/
文字装饰:无;
位置:相对位置;
垂直对齐:中间对齐;
}
.my tile>a.链接图标{
颜色:白色!重要;
字体大小:30px!重要;
高度:1米;
保证金:0自动5px;
宽度:1米;
显示:块;
}        
.我的半块瓷砖{
宽度:49%;
}


对齐内部所有内容的最佳方法

您可以添加一个图像,显示您想要的外观。。也许你想要两个项目并排,都在中间
a {
    display: flex;
    align-items: center;
    justify-content: center;

    /** Use this rule if the tag has a parent with specific height */ 
    height: 100%; 
}