html - 解决设计带有图标的按钮的问题

标签 html css twitter-bootstrap-3

我尝试设计一个按钮。我有这个 anchor :

 <li><a href="#"><i class="glyphicon glyphicon-tree-conifer"></i> sites</a></li>

这是它的样子:

enter image description here

我需要更改上面的外观,使网站在树下成词。这是期望的结果:

enter image description here

最佳答案

只需放置一个 <br>图标和文本之间的标记。并让 <a>标记中心它的内容。这样的事情应该有效:

<li><a href="#" style="display: inline-block;text-align: center;"><i class="glyphicon glyphicon-tree-conifer"></i> <br> sites</a></li>

关于html - 解决设计带有图标的按钮的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39920892/

相关文章:

javascript - 如何从登录页面创建登录代码到索引?

css - 如何让一个div覆盖不同行中的另一个div

twitter-bootstrap - Bootstrap 3 中堆叠列时的垂直空间

html - 如何解决重叠问题?

javascript - 在 Angular 2 中动态注入(inject)已编译的应用程序

Javascript 应用的 CSS3 过渡不适用于新元素

html - 表单输入不起作用?

css - 在 Bootstrap 3 输入旁边放置一些文本

javascript - 子 DOM 元素的递归函数

javascript - 鼠标悬停时发出声音,鼠标悬停时停止