# 文本相关css 处理
## 文本溢出
   1. 单行文本
       1. 溢出隐藏
          1. `overflow简单隐藏`
            css代码: `overflow:hidden;` 
       2. 溢出隐藏显示省略号
          1. 使用 ` text-overflow `
            css代码
            ```html

                white-space:nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            ``` 
   2. 多行文本溢出
         ```style
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
         ```
   4. 相关知识点
       1. 文本盒子需要设置宽度来限制文本可以存在的位置
       2. 在flex布局中自动撑开内容的盒子进行文本溢出处理 可以给元素的 ` width ` 设置为0来实现
## 文本显示
1. 在一个div中自动换行的大块文字,因为换行导致文字总体偏左,会保留大量的空白区域,看起来没那么美观
解决方法
给元素设置熟悉`text-align:justify`来进行解决
```css
div{
  text-align:justify;
}
```