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

2019-08-14 14:31 更新

當(dāng)為內(nèi)聯(lián)樣式指定一個(gè)像素值得時(shí)候, React 會(huì)在你的數(shù)字后面自動(dòng)加上 "px" , 所以下面這樣的寫法是有效的:

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

查看 Inline Styles 獲得更多信息。

有時(shí)候你_的確需要_保持你的CSS屬性的獨(dú)立性。下面是不會(huì)自動(dòng)加 "px" 后綴的 css 屬性列表:

  • columnCount

  • fillOpacity

  • flex

  • flexGrow

  • flexShrink

  • fontWeight

  • lineClamp

  • lineHeight

  • opacity

  • order

  • orphans

  • strokeOpacity

  • widows

  • zIndex

  • zoom



以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)