Adding inline styles to elements in react will take effect on everything else except whiteSpace. Is there any way to solve it? The purpose is to use
when text overflows.
<span style={{
fontSize: '14px',
paddingTop: '1px',
fontFamily: '微软雅黑',
maxWidth: '56px',
overflow: 'hidden',
textOverflow: 'ellipsis',
whiteSpace: 'nowrap'
}}>
{node.title}
</span>The style displayed in the browser is
element.style {
font-size: 14px;
padding-top: 1px;
font-family: 微软雅黑;
max-width: 56px;
overflow: hidden;
text-overflow: ellipsis;
}Kneel down and ask for advice, thank you for your guidance
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
display: inline-block;
Because it is an iframe style, you can only write inline styles. But after trying many methods, white-space:nowrap cannot be used.
Including upgrading to the latest react version.
The final solution is:
I don’t know why the nowrap attribute cannot be used, but using the pre attribute solves the problem perfectly.
https://github.com/facebook/r...