博客

最外层div 1可根据 IsVisible[x]的值动态影藏或显示，div 2 overflow属性为’hidden’ ，限定了div 2 的高度开发中发现此例中display，overflow放在同一div中，将导致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>