Glyphicon 显示在按钮文本上方
爱丽儿.H
字形图标显示在按钮文本上方。我尝试使用vertical-align: middle;但它仍然不起作用。
代码 ：
<li>
<button class="btn btn-default dropdown-toggle" type="button" id="buttonuser" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="glyphicon glyphicon-user" style="font-size: 30px; vertical-align: middle;"></span>
<?php
if (isset($_SESSION['vorname'], $_SESSION['nachname'])) {
echo "<p>" . $_SESSION['vorname'] . " " . $_SESSION['nachname'] . "</p>";
}
?>
</button>
</li>
塞巴斯蒂安
标签的默认displayCSS 属性p是块。尝试使用 aspan代替。如果文本仍然显示在图标下方，请尝试更改按钮width或将display图标的CSS 属性设置为inline-block。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在按钮悬停时更改glyphicon的颜色
- 2
在按钮onclick上更改glyphicon
- 3
带glyphicon右按钮
- 4
引导Glyphicon作为按钮
- 5
Glyphicon动态按钮
- 6
带glyphicon右按钮
- 7
Glyphicon动态按钮
- 8
Bootstrap Glyphicon不显示
- 9
如何使glyphicon用作提交按钮？
- 10
带有glyphicon的自举按钮
- 11
使glyphicon充当按钮（按样式）
- 12
Bootstrap Glyphicon不以文本居中
- 13
根据角度值显示glyphicon
- 14
GlyphIcon下的Bootstrap 3对齐按钮文本
- 15
如何使用glyphicon引导程序更改按钮文本并保留顺序？
- 16
GlyphIcon下方的Bootstrap 3对齐按钮文本
- 17
用glyphicon在Rails中替换Submit按钮
- 18
带Bootstrap Glyphicon的ASP.NET按钮
- 19
Boostrap glyphicon在文本字段之外
- 20
Glyphicon在Heroku中未显示（之前是正常的）
- 21
显示基于值html angular的glyphicon
- 22
引导glyphicon /导航栏显示弹出窗口
- 23
悬停时在链接中显示bootstrap glyphicon
- 24
Bootstrap不会显示所有glyphicon
- 25
Glyphicon在Heroku中未显示（之前是正常的）
- 26
引导glyphicon /导航栏显示弹出窗口
- 27
显示基于值html angular的glyphicon
- 28
如何从yii2的gridview页面中删除glyphicon glyphicon铅笔或编辑，查看，删除按钮？
- 29
悬停在glyphicon上时显示datat-content glyphicon-info-sign
我来说两句