最外層div 1可根據(jù) IsVisible[x]的值動態(tài)影藏或顯示羽氮,div 2 overflow屬性為'hidden' 或链,限定了div 2 的高度開發(fā)中發(fā)現(xiàn)此例中display,overflow放在同一div中乏苦,將導(dǎo)致overflow的hidden屬性失效株扛。所以將兩屬性分別置于兩個div下尤筐,display處于最外層汇荐。
<div id= '1' style={{ display: IsVisible[x], position: 'relative' }}>
<div id='2' style={{ "height": "50px", overflow: 'hidden' }}>
<div dangerouslySetInnerHTML={{ __html:
articleList[x].content }}>
</div>
</div>
<button className={styles.button} value={x}
onClick={(e) => { extendsArticle(e) }}>
閱讀全文<Icon type="down" />
</button>
</div>