这篇文章我们来了解“项目开发中单元格内文本超出问题怎样处理的?”的内容,小编通过实际的案例向大家展示了操作过程,简单易懂,有需要的朋友可以参考了解看看,那么接下来就跟随小编的思路来往下学习吧,希望对大家学习或工作能有帮助。
开发过程中,表格单元格里的显示数据经常超出单元格的宽度。遇到这种情况一般会这样处理。
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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理