📜  语义-UI |占位符

📅  最后修改于: 2022-05-13 01:56:18.792000             🧑  作者: Mango

语义-UI |占位符

Semantic UI是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。占位符用于为即将出现在布局中的内容保留空间。

以下是不同类型占位符的示例。

示例 1:



    
        Semantic UI
        
    
    
        
            

Placeholder

            
                
                    
                    
                
                
                    
                    
                    
                    
                    
                
            
        
             

输出

示例 2:



    
        Semantic UI
        
    
    
        
            

Inline Card Placeholder

            
                
                    
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                    
                
                
                    
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                    
                
                
                    
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                    
                
                
                    
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                    
                
            
        
             

输出

示例 3:这是 Image 的占位符。



    
        Semantic UI
        
    
    
        
            

Placeholder for Images

            
                
            
            
                
            
        
             

输出

示例 4:这是针对倒置占位符的。



    
        Semantic UI
        
    
    
        
            

Inverted Placeholders

            
                
                    
                        
                        
                    
                    
                        
                        
                        
                    
                
            
            
                
                    
                        
                        
                    
                    
                        
                        
                        
                    
                
            
        
             

输出