bootstrap glyphicon的空白占位符
我有一个表头sorting引导glyphicons。 该图标仅在表格按照特定标题sorting时才显示。 当我单击单元格时，它会更改表格的大小。 该表是dynamic的，所以我宁愿不修复单元格大小。 有没有一种方法可以在那里放置一个占位符，代替graphics？
我知道如何将JavaScript的工作来隐藏它，我只是不知道如何做的CSS给跨度一些大小。
（这是引导3.0顺便说一句）…
<span class="glyphicon glyphicon-arrow-down"><span> 是特定的图标。 Chrome说，显示时它的宽度是16px。
实际的项目比较复杂一些，这里是一个很好的例子：
我不认为在glyphicon字体中有空格字符。
你为什么不使用透明的字体颜色？
.glyphicon-none:before { content: "\2122"; color: transparent !important; }
\ 2122是一个负号。 使用它像一个正常的图标：
<i class="glyphicon glyphicon-none"></i>
只需隐藏图标的元素visibility: hidden; 。 例如
<span class="glyphicon glyphicon-arrow-down" style="visibility: hidden"><span>
有同样的问题，但也使用angularJs。 我已经做了以下来解决这个问题。
添加新的类到CSS
.glyphicon-hide { color: transparent; }
然后在模板中，我可以使用
<i class="glyphicon glyphicon-arrow-down" ng-class="{'glyphicon-hide': conditionValue}></i>
什么帮助我把表的样式设置为style="table-layout: fixed" 。 在此之后，我的表格的列宽保持不变，无论图标是否显示在列标题旁边。
这是表格的代码：
<table class="table table-hover" style="table-layout: fixed;"> <thead> <tr> <th ng-click="order('col1')"> Column Header 1 <span class="glyphicon" ng-show="orderType == 'col1'" ng-class="orderReverse ? 'glyphicon-chevron-down' : 'glyphicon-chevron-up'"></span> </th> <th ng-click="order('col2')"> Column Header 2 <span class="glyphicon" ng-show="orderType == 'col2'" ng-class="orderReverse ? 'glyphicon-chevron-down' : 'glyphicon-chevron-up'"></span> </th> </tr> </thead> <tbody> ... </tbody> </table>
order()函数设置orderType并翻转orderReverse 。 在ng-show的帮助下，只有当表格按该列sorting时，标题上才会ng-show一个箭头。 不需要一个看不见的字形或类似的东西。
