bootstrap glyphicon的空白占位符

我有一個表頭sorting引導glyphicons。 該圖標僅在表格按照特定標題sorting時才顯示。 當我單擊單元格時，它會更改表格的大小。 該表是dynamic的，所以我寧愿不修復單元格大小。 有沒有一種方法可以在那里放置一個占位符，代替graphics？

我知道如何將JavaScript的工作來隱藏它，我只是不知道如何做的CSS給跨度一些大小。

(這是引導3.0順便說一句)…

是特定的圖標。 Chrome說，顯示時它的寬度是16px。

實際的項目比較復雜一些，這里是一個很好的例子：

我不認為在glyphicon字體中有空格字符。

你為什么不使用透明的字體顏色？

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

\ 2122是一個負號。 使用它像一個正常的圖標：

只需隱藏圖標的元素visibility: hidden; 。 例如

有同樣的問題，但也使用angularJs。 我已經做了以下來解決這個問題。

添加新的類到CSS

.glyphicon-hide { color: transparent; }

然后在模板中，我可以使用

這是表格的代碼：

order()函數設置orderType并翻轉orderReverse 。 在ng-show的幫助下，只有當表格按該列sorting時，標題上才會ng-show一個箭頭。 不需要一個看不見的字形或類似的東西。

總結

以上是生活随笔為你收集整理的html语言中glyphicon,bootstrap glyphicon的空白占位符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。