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;
}