Bootstrap glyphicon的空白占位符

Question

我有一个表格,在标题中排序bootstrap glyphicons.仅当表按特定标题排序时,才会显示图标.当我单击单元格时,它会更改表格的大小.该表是动态的,所以我不想修复单元格大小.有没有办法让占位符放在那里代替glyphicon？

我知道javascript将如何隐藏它,我只是不知道如何做css给跨度一些大小.

(这是bootstrap 3.0顺便说一句)...

<span class="glyphicon glyphicon-arrow-down"><span>

是特定的图标.Chrome表示显示时它的宽度为16px.

实际项目有点复杂,这里有一个吸尘器:

Answer 1

我不认为glyphicon字体中有空格字符.

你为什么不使用透明的字体颜色？

.glyphicon-none:before {
    content: "\2122";
    color: transparent !important;
}

\ 2122是减号.像普通图标一样使用它:

<i class="glyphicon glyphicon-none"></i>

Answer 2

只需隐藏图标的元素即可visibility: hidden;.例如

<span class="glyphicon glyphicon-arrow-down" style="visibility: hidden"><span>