这篇文章我们来了解“项目开发中单元格内文本超出问题怎样处理的？”的内容，小编通过实际的案例向大家展示了操作过程，简单易懂，有需要的朋友可以参考了解看看，那么接下来就跟随小编的思路来往下学习吧，希望对大家学习或工作能有帮助。

开发过程中，表格单元格里的显示数据经常超出单元格的宽度。遇到这种情况一般会这样处理。

1、超出部分显示省略号(...)

解决办法：在css中设置  text-overflow: ellipsis;

text-overflow：

2、换行显示

解决办法： 在css中设置   white-space:normal;

white-space：（1）normal ： 默认 。空白会被浏览器忽略。

                   （2） pre ： 换行和其他空白字符都将受到保护 

                   （3） nowrap ： 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象 

示例代码：
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。
这是一些文本。

运行效果图：（1）

                  （2）

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• CSS中文字自动和强制换行及不换行的代码是什么

  这篇文章主要介绍了css页面文字的各种换行方法是什么的内容，包括页面文字不换行、自动换行、强制换行等，小编觉得挺不错的，对大家学习或是工作可能会有所帮助，对此分享发大家做个参考，希望这篇文章能帮助大家解决问题。

• 基于HTML5如何实现video循环播放视频，过程是怎样

  这篇文章主要介绍了HTML5 video循环播放多个视频的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• 用纯CSS可以实现哪些Loading加载效果

  我们遇到加载，要么是UI框架中自带，要么就是百度，然后CV到项目中？但是，自己实现的时候，又会没有思路。下面本篇文章就来给大家分享10个纯 CSS 实现的 Loading 效果，希望对大家有所帮助！

• CSS内容太长会有什么影响，有哪些处理方案

  当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。这篇文章主要介绍了详解在CSS中解决内容过长的问题，感兴趣的小伙伴们可以参考一下

• CSS属性之字体、文本、列表属性详解

  这篇我们来了解CSS属性的内容，这里主要介绍字体属性、文本属性和列表属性的相关内容，下文对于这些属性都有很详细的介绍，对新手学习CSS有一定的帮助，需要的朋友可以参考了解。