在样式props中快速制定像素值

由 18950417101 创建,Loen 最后一次修改 2015-11-06

当为内联样式指定一个像素值得时候, React 会在你的数字后面自动加上 "px" , 所以下面这样的写法是有效的:

var divStyle = {height: 10}; // rendered as "height:10px"
React.render(<div style={divStyle}>Hello World!</div>, mountNode);

查看 Inline Styles 获得更多信息。

有时候你_的确需要_保持你的CSS属性的独立性。下面是不会自动加 "px" 后缀的 css 属性列表:

  • columnCount

  • fillOpacity

  • flex

  • flexGrow

  • flexShrink

  • fontWeight

  • lineClamp

  • lineHeight

  • opacity

  • order

  • orphans

  • strokeOpacity

  • widows

  • zIndex

  • zoom



以上内容是否对您有帮助:
二维码
建议反馈
二维码