项目开发中单元格内文本超出问题怎样处理的？-群英

上一篇：CSS3实现照片墙的要点和代码是什么下一篇：CSS中z-index用来做什么，怎么应用呢

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

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

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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：CSS3实现照片墙的要点和代码是什么下一篇：CSS中z-index用来做什么，怎么应用呢