javascript - 在react中写行间样式的whiteSpace不生效
问题描述
react中给元素加上行内样式,别的生效,唯独whiteSpace不生效,有没有办法解决?目的是做文字溢出时用
<span style={{ fontSize: ’14px’, paddingTop: ’1px’, fontFamily: ’微软雅黑’, maxWidth: ’56px’, overflow: ’hidden’, textOverflow: ’ellipsis’, whiteSpace: ’nowrap’ }}> {node.title} </span>
浏览器中样式显示的是
element.style { font-size: 14px; padding-top: 1px; font-family: 微软雅黑; max-width: 56px; overflow: hidden; text-overflow: ellipsis;}
跪求指教,谢谢给为大神
问题解答
回答1:display: inline-block;
回答2:因为是iframe中样式,所以只能写行内样式.但是试了很多中方式,white-space:nowrap都无法使用.包括升级到最新的react版本.最后的解决方式是:
<span style={{ fontSize: ’14px’, paddingTop: ’1px’, fontFamily: ’微软雅黑’, maxWidth: ’56px’, overflow: ’hidden’, textOverflow: ’ellipsis’, whiteSpace: ’pre’ }}> {node.title} </span>
不知道为何nowrap属性无法使用,但是用pre属性就完美解决了.
回答3:https://github.com/facebook/r...
nowrap was deprecated in HTML4 and is not a part of HTML5. I strongly suggest using CSS instead.
相关文章:
1. MySQL中无法修改字段名的疑问2. angular.js - angularjs的自定义过滤器如何给文字加颜色?3. docker镜像push报错4. angular.js - angular内容过长展开收起效果5. javascript - 如何让移动端网页的输入框固定在底部?6. 请教各位大佬,浏览器点 提交实例为什么没有反应7. python的前景到底有大?如果不考虑数据挖掘,机器学习这块?8. python - flask表单 如何把提交多行数据在服务端读取出来?9. 大家好,请问在python脚本中怎么用virtualenv激活指定的环境?10. 网页爬虫 - 用Python3的requests库模拟登陆Bilibili总是提示验证码错误怎么办?
