Semantic-UI 弹出式流体变化

Semantic UI是一个现代框架，用于开发网页的无缝设计，它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。它使网页看起来很棒且响应迅速。

Semantic UI Popup用于通过弹出窗口向用户显示附加信息。它会提醒并为用户提供必要的信息。弹出窗口可以帮助节省空间，并且仅在用户与网页交互时显示信息。

Semantic UI Popup 流体变化使弹出窗口能够占据偏移容器的整个区域。数据本身会适应可用空间和相应的空间。

语义 UI 弹出式流体变化类：

• 流体：这个类用于添加弹出元素，它将占据它的容器宽度。

语法：将流体类添加到弹出窗口中，如下所示：

    ...

示例：在下面的示例中，我们有一个带有一些数据的弹出元素，这些数据将适合自己在流体弹出窗口中。

HTML

  

    
    
    
    
    
    
    
    
  
    
        .icon {
            margin: 16px;
        }
    

  

    
        
            
                
                    GeeksforGeeks
                
            
            Semantic UI Popup Fluid Variation
        
  
        
            Welcome to GeeksforGeeks
              
Find the best programming tutorials here.
  
            
                Show fluid popup
                
                    
                        Data Structure
                        Algorithms
                        Web Development
                    
                
            
        
    
    
        $('.button').popup({})
    

  

输出：

参考链接： https://semantic-ui.com/modules/popup.html#fluid