完美解决UI-Grid表格元素中多个空格显示为一个空格的问题

 更新时间:2017年04月25日 10:34:27   投稿:jingxian  
下面小编就为大家带来一篇完美解决UI-Grid表格元素中多个空格显示为一个空格的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

UI-Grid中表格数据中如果存在多个连续的空格,会显示为一个空格,解决方法很简单,只需要加上这样一个样式:

.ui-grid-cell-contents {
 white-space: pre !important;
}

white-space 属性设置如何处理元素内的空白。

pre:  空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。

以上这篇完美解决UI-Grid表格元素中多个空格显示为一个空格的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Angular使用动态加载组件方法实现Dialog的示例

    Angular使用动态加载组件方法实现Dialog的示例

    这篇文章主要介绍了Angular使用动态加载组件方法实现Dialog的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Angular中Router的常用类分享

    Angular中Router的常用类分享

    Angular Router模块提供了几个重要的类来处理路由信息,这篇文章小编就来和大家分享一下这几个类的使用吧,需要的小伙伴可以收藏一下
    2023-06-06
  • 对angularJs中2种自定义服务的实例讲解

    对angularJs中2种自定义服务的实例讲解

    今天小编就为大家分享一篇对angularJs中2种自定义服务的实例讲解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • AngularJS动态添加数据并删除的实例

    AngularJS动态添加数据并删除的实例

    下面小编就为大家分享一篇AngularJS动态添加数据并删除的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • AngularJS中使用three.js的实例详解

    AngularJS中使用three.js的实例详解

    这篇文章主要介绍了AngularJS中使用three.js的实例详解,我将之前自己做的demo放到了angularJS的一个component中,其实一开始是没有准备用框架的但是后面发现需要进行的双向绑定越来越多,后期表单数据的变化量也很大,最后还是选择用NG来做这些事情
    2017-07-07
  • angular框架实现全选与单选chekbox的自定义

    angular框架实现全选与单选chekbox的自定义

    这篇文章主要介绍了angular框架实现全选与单选chekbox的自定义,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 掌握Queries设计模式优化Angular应用开发技巧

    掌握Queries设计模式优化Angular应用开发技巧

    这篇文章主要介绍了掌握Queries设计模式优化Angular应用开发的技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • AngularJS自定义插件实现网站用户引导功能示例

    AngularJS自定义插件实现网站用户引导功能示例

    这篇文章主要介绍了AngularJS自定义插件实现网站用户引导功能,结合实例形式分析了AngularJS自定义插件的实现步骤与相关功能技巧,需要的朋友可以参考下
    2016-11-11
  • angularjs自定义过滤器demo示例

    angularjs自定义过滤器demo示例

    这篇文章主要介绍了angularjs自定义过滤器,结合完整实例形式分析了angularjs自定义过滤器相关原理、使用方法及操作注意事项,需要的朋友可以参考下
    2019-08-08
  • Angularjs2不同组件间的通信实例代码

    Angularjs2不同组件间的通信实例代码

    AngualrJs2官方方法是以@Input,@Output来实现组件间的相互传值,而且组件之间必须父子关系,下面给大家提供一个简单的方法,实现组件间的传值,不仅仅是父子组件,跨模块的组件也可以实现传值
    2017-05-05

最新评论