Css 垂直对齐一行中的内容,相对于twitter引导3中的整行

Css 垂直对齐一行中的内容,相对于twitter引导3中的整行,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,我正试图将一个图标垂直居中放置在给定文本模糊旁边。作为一个简单的示例,这就是结构的外观(): 偶像 知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。 更复杂的变化是,我还希望将其中两行嵌套在一行中,同时仍将两个图标垂直对齐到相同的垂直位置 我在这里创建了此结构的一个(非工作)示例: 你知道如何做到这一点吗?检查一下 诀窍是使用显示表格

我正试图将一个图标垂直居中放置在给定文本模糊旁边。作为一个简单的示例,这就是结构的外观():


偶像
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡。
更复杂的变化是,我还希望将其中两行嵌套在一行中,同时仍将两个图标垂直对齐到相同的垂直位置

我在这里创建了此结构的一个(非工作)示例:

你知道如何做到这一点吗?

检查一下

诀窍是使用显示表格和表格单元格

.table{
    display: table;
    vertical-align: middle;
}
.table-cell{
    display: table-cell;
    vertical-align: middle;  
    float: none;
}

你能用文本对齐吗?我肯定我在你的问题中遗漏了什么。@ThomasHarris text align只允许水平对齐文本,我想垂直对齐。好的,明白了。是的,列对齐总是很困难。他们有新的flex网格,但我认为ita支持得不太好,但可以提供帮助。我明白了。你知道我怎样才能让所有的柱子都有相同的高度吗。我希望图标对齐,而不是在不同的高度。
.table{
    display: table;
    vertical-align: middle;
}
.table-cell{
    display: table-cell;
    vertical-align: middle;  
    float: none;
}