在react中写行间样式的whiteSpace不生效

Question

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;

}

跪求指教,谢谢给为大神

Answer 1

display: inline-block;