Html 垂直对齐引导标记和内部文本按钮
.测试{ 高度：58px； 宽度：120px； 显示：内联块； 边框：实心1px黑色； } text这里text这里1Html 垂直对齐引导标记和内部文本按钮,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,.测试{ 高度：58px； 宽度：120px； 显示：内联块； 边框：实心1px黑色； } text这里text这里1 请试试这个。我添加了以下css： .test .text { display: inline-block; vertical-align: middle; width: 80%; } .测试{ 高度：58px； 宽度：120px； 显示：内联块； 边框：实心1px黑色； } .test.text{ 显示：内联块； 垂直对齐：中间对齐； 宽度：80%； } tex
请试试这个。我添加了以下css：
.test .text {
display: inline-block;
vertical-align: middle;
width: 80%;
}
<html>
<head>
<title></title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<style>
.badge{
margin-left: 80px;
margin-top: -29px;
}
.test {
height: 58px;
width: 130px;
display: inline-block;
border: solid 1px black;
}
.test .text {
display: inline-block;
vertical-align: middle;
width: 80%;
margin-left: -30px;
}
</style>
</head>
<body>
<button class="test">
<span class="text">TEXTHERE TEXTHERE</span><span class="badge">1</span>
</button>
</body>
什么是bootstrap版本3或4？请向我们展示您希望它是什么样子的图像？我在上面添加了一张图片：@拉胡尔版本3。这有关系吗？这很有效谢谢！只有一个问题，如果它是一个而不是一个呢？我的意思是，如果我尝试使用span，所有的孩子都不是垂直对齐的中间。我知道这已经超出了我最初的问题，但我只是好奇：如果您使用span，那么就给它display:block或display:inline block。所以它工作得很好。