博客内容涉及到在Bootstrap的list-group-item中，尝试通过CSS样式设置使文本和按钮垂直居中，但遇到了显示问题。尽管在CodePen和Stack Overflow的代码片段中看起来正常，但在实际HTML文档中不生效。主要涉及到CSS的display属性和vertical-align属性的使用。
我试图将list-group-item中的文本和按钮与引导程序3垂直对齐.我试图让父项a显示：table;内部划分显示：table-cell;这样我就可以使用vertical-align：middle.
但上面不会解决它,这是我创建的codepen再现问题.
虽然出于某种原因,如果我在SO片段中发布相同的代码,它似乎工作.但是,当我在HTML文档中呈现它时,它将无法工作.
a {
overflow: hidden;
display: table;
}
a > div {
display: table-cell;
vertical-align: middle;
}
.btn {
width: 100%;
}
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
