溢出属性overflow : auto

...    .b1{            width: 200px;            height: 100px;            background-color: bisque;            /* overflow: visible; 默认值 溢出内容显示在元素之外 */            /* overflow: hidden;   溢出内容隐藏 */            /* overflow: scroll;   溢出内容滚动显示 */            /* overflow: auto;  如果有溢出添加滚动条，没有则正常显示 */            /* overflow: inherit;  继承父元素效果 */            /* overflow-x: auto; overflow-y: hidden;  需要搭配使用 */        }        
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Odit rem cumque corporis animi libero impedit vero, ab consequuntur soluta.     

空余空间属性 white-space

white-space:  // 例如一行字在块中如何显示    nowrap  不换行 ，常用   //不折行+溢出隐藏 配合显示    pre     显示空格 回车 不换行     同pre标签    pre-wrap  显示空格 回车换行    pre-line  显示回车 换行  不显示空格

溢出隐藏中省略号显示

(资料图)

text-overflow:  clip  默认值 不显示省略号(...)                ellipsis 显示省略标记 当单文本溢出显示省略号需要同时设置以下声明：    1.容器宽度            width:200px;    2.强制文本在一行内显示  white-space:nowrap;    3.溢出内容为隐藏       overflow:hidden;    4.溢出文本显示省略号    text-overflow:ellipsis

案例：写的页面如图所示，各个块在显示不全的状态下滚动显示，在鼠标划过时有选定显示

                        
                  
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
                        
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]
        
        
            
                
100.00
                
有效期至20210521
            
            
[店铺类][商城类]