溢出屬性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
            
            
[店鋪類][商城類]