bootstrap glyphicon的空白占位符

我有一個(gè)表頭sorting引導(dǎo)glyphicons。 該圖標(biāo)僅在表格按照特定標(biāo)題sorting時(shí)才顯示。 當(dāng)我單擊單元格時(shí)，它會(huì)更改表格的大小。 該表是dynamic的，所以我寧愿不修復(fù)單元格大小。 有沒(méi)有一種方法可以在那里放置一個(gè)占位符，代替graphics？

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

(這是引導(dǎo)3.0順便說(shuō)一句)…

是特定的圖標(biāo)。 Chrome說(shuō)，顯示時(shí)它的寬度是16px。

實(shí)際的項(xiàng)目比較復(fù)雜一些，這里是一個(gè)很好的例子：

我不認(rèn)為在glyphicon字體中有空格字符。

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

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

\ 2122是一個(gè)負(fù)號(hào)。 使用它像一個(gè)正常的圖標(biāo)：

只需隱藏圖標(biāo)的元素visibility: hidden; 。 例如

有同樣的問(wèn)題，但也使用angularJs。 我已經(jīng)做了以下來(lái)解決這個(gè)問(wèn)題。

添加新的類到CSS

.glyphicon-hide { color: transparent; }

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

這是表格的代碼：

order()函數(shù)設(shè)置orderType并翻轉(zhuǎn)orderReverse 。 在ng-show的幫助下，只有當(dāng)表格按該列sorting時(shí)，標(biāo)題上才會(huì)ng-show一個(gè)箭頭。 不需要一個(gè)看不見(jiàn)的字形或類似的東西。

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。