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的空白占位符相关推荐

  1. vue 实现多个空白占位符

    vue 实现多个空白占位符 项目检查的时候,被老板一顿逼逼.揪着无关紧要的登录二字的空格逼了我很久.没办法老板就是老板.我一开始用的是在 登录中添加一个空格符 如:登  录 自信满满的去查看效果,但是 ...

  2. android 空白占位符,android textview空格占位符以及一些其他占位符汇总

    == 普通的英文半角空格 ==   ==   == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度)   ==   == en空格 (半个中文宽度) ...

  3. Bootstrap 字体图标 Bootstrap Glyphicon Components

    基本用法: <p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span&g ...

  4. 将Bootstrap Glyphicon添加到输入框

    本文翻译自:Add Bootstrap Glyphicon to Input Box How can I add a glyphicon to a text type input box? 如何将gl ...

  5. r语言中的shiny教程_如何使用Shiny在R中编写Web应用程序

    r语言中的shiny教程 新年快乐! 这个月我忙于撰写一些较大的文章,因此请在接下来的几周内查找这些文章. 对于本月的Nooks和Crannies,我想简要指出一个我一直在用它进行自我教育的出色R库. ...

  6. c语言 recv_sin,C++_C语言中经socket接收数据的相关函数详解,recv()函数: 头文件:#incl - phpStudy...

    C语言中经socket接收数据的相关函数详解 recv()函数:头文件: #include #include 定义函数: int recv(int s, void *buf, int len, uns ...

  7. 整理 Go 语言中 20 个占位符!

    学到什么 什么是占位符? 哪些函数支持? 如何使用占位符? 不同的占位符的作用? 配合占位符的几个标记符号用法? 概念 什么是占位符?你就从表面意思理解,就是占位置,只不过有很多不同种类的位置,而且这 ...

  8. java中flush函数作用_Java语言中flush()函数作用及使用方法详解

    最近在学习io流,发现每次都会出现flush()函数,查了一下其作用,起作用主要如下 //------–flush()的作用--------– 笼统且错误的回答: 缓冲区中的数据保存直到缓冲区满后才写 ...

  9. c语言中val是什么函数,val(val是什么意思)

    有这么一个C语言程序 : int i; long val; for(i=0;i 在C语言中Val是一个将由数字符号(包括正负号.小数点)组成的字符型数据转换成相应的数值型数据的函数,语法格式是Val( ...

最新文章

  1. Spring cloud 微服务docker容器化最佳实践
  2. linux c++ 服务器端开发面试必看书籍
  3. 机器人学习--定位、建图和导航问题从古至今
  4. select函数及fd_set介绍
  5. Hadoop集群(第3期)_VSFTP安装配置
  6. spring AOP 之五:Spring MVC通过AOP切面编程来拦截controller
  7. ASP.NET XML高级编程(一、XML技术简介)
  8. flex 实现图片播放 方案二 把临时3张图片预加载放入内存
  9. 一个屌丝程序猿的人生(四十九)
  10. 字母冒泡法排序c语言,C语言冒泡排序法的实现(升序排序法)
  11. MSP430初学two
  12. 「LSTM 之父」亲笔万字长文,只为向世人证明:深度学习不是在母语为英语的地方被发明的...
  13. audio标签控制音量_audio 基本功能实现(audio停止播放,audio如何静音,audio音量控制等)...
  14. Android Apk编译的apk安装失败解决
  15. 自动删除微博【新版微博】
  16. 【python】如何批量修改文件名
  17. 目标和学习方法的重要性
  18. Mixly 数码管时钟
  19. Xcode 打包到蒲公英
  20. excel对同一个单元格中的内容去重

热门文章

  1. 6月27日服务器例行维护公告,6月27日周版本更新维护内容公告
  2. 用Python写一个网络爬虫爬取网页中的图片
  3. matlab计算0-1000范围内3或5的倍数之和
  4. ExcelKit导入,导出
  5. 新员工第一阶段工作总结
  6. 笔记:机器学习的工作流程
  7. 数据结构学习笔记(Ⅷ):排序
  8. 计算机远程用户关机指令,远程关机命令如何操作【详细步骤】
  9. 网络基础——牛客网刷题第二波
  10. 蓬莱小课:数据分析岗真实面经分享