最外层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>

在不同屏幕切换，模块显示隐藏，导致d-block和省略号冲突，省略号实现（实质是display:block和overflow:hidden冲突）

所以把d-block和ellipsis分内外两个标签使用

<div class="mb-0 d-none d-lg-block">
				<p class="ellipsis"><strong>转载请注明：</strong><a href="https://icss.me/4155.html">提示框的样式 拟物的效果是从一个博客网站上学习到的提示框的样式 拟物的效果是从一个博客网站上学习到的</a> | <a href="https://icss.me/">爱CSS</a></p></div>