📜  如何使用 HTML 创建可以扩展但永不收缩的摘要元素?

📅  最后修改于: 2021-08-30 02:28:52             🧑  作者: Mango

它可以在许多网站中看到,例如阅读更多包含链接的按钮。当用户单击“阅读更多”链接或按钮时,这些内容会展开,然后展开后没有折叠展开内容的选项。在本文中,我们将删除该折叠选项。我们需要两个元素

来创建这种界面,方法是应用 CSS “display: none;”财产。

此功能不是一个好的选择,但很少有开发人员要求通过应用CSS display:none; 来设计这种界面。财产。我们可以从summary 中删除折叠选项。

下面的例子说明了上述方法:

句法:



  

    
        

GeeksforGeeks

        

            This paragraph will expand but not             collapsed after expanding          

                   
            Expand             A Computer Science Portal for Geeks         
    
  

输出: