完美解决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利用内容投射向组件输入ngForOf模板的方法

    Angular利用内容投射向组件输入ngForOf模板的方法

    本篇文章主要介绍了Angular利用内容投射向组件输入ngForOf模板的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • AngularJS中watch监听用法分析

    AngularJS中watch监听用法分析

    这篇文章主要介绍了AngularJS中watch监听用法,较为详细的分析了$watch的具体功能、相关参数用法与使用注意事项,需要的朋友可以参考下
    2016-11-11
  • 使用AngularJS编写较为优美的JavaScript代码指南

    使用AngularJS编写较为优美的JavaScript代码指南

    这篇文章主要介绍了使用AngularJS编写较为优美的JavaScript代码指南,包括控制器和封装等进阶技巧上的编程建议,倾力推荐!需要的朋友可以参考下
    2015-06-06
  • Angular中支持SCSS的方法

    Angular中支持SCSS的方法

    这篇文章主要介绍了Angular中支持SCSS的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • angular *Ngif else用法详解

    angular *Ngif else用法详解

    这篇文章主要介绍了angular *Ngif else用法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • AngularJS的表单使用详解

    AngularJS的表单使用详解

    这篇文章主要介绍了AngularJS的表单使用详解,在JS原有的基础上提供了更多与HTML交互的功能,需要的朋友可以参考下
    2015-06-06
  • AngulaJS路由 ui-router 传参实例

    AngulaJS路由 ui-router 传参实例

    本篇文章主要介绍了AngulaJS路由 ui-router 传参实例 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • AngularJS学习第二篇 AngularJS依赖注入

    AngularJS学习第二篇 AngularJS依赖注入

    这篇文章主要为大家详细介绍了AngularJS学习第二篇,理解什么是AngularJS依赖注入,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 利用Angular2的Observables实现交互控制的方法

    利用Angular2的Observables实现交互控制的方法

    这篇文章主要介绍了利用Angular2的Observables实现交互控制的方法,我们主要针对一些在跟服务器端交互的时候遇到的问题,来看看Observable给我们带来的特性。感兴趣的可以了解一下
    2018-12-12
  • AngularJS入门教程之数据绑定原理详解

    AngularJS入门教程之数据绑定原理详解

    这篇文章主要介绍了AngularJS数据绑定原理,较为详细的分析了AngularJS数据绑定的原理、使用技巧与相关注意事项,需要的朋友可以参考下
    2016-11-11

最新评论