css文本溢出

一、文本溢出属性

文本溢出属性: 当一个盒子中的内容较多的时候,超出当前容器,就会用到文本溢出属性overflow

属性值:
1、visible 默认值,超出正常显示
2、hidden 超出隐藏
3、scroll 无论是否超出,都显示滚动
4、auto 超出显示滚动条 不超出不显示滚动条

下面演示 overflow: auto 的效果:


  
    
    
    
    Document
    
  
  
    
文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性 文本溢出属性文本溢出属性文本溢出属性文本溢出属性

css文本溢出_第1张图片

二、显示省略号

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

你可能感兴趣的:(CSS,css,前端)