## word-break 自动换行
normal 使用浏览器默认的换行规则

break-all 允许在单词内换行(允许单词拆开显示)

keep-all只能在半角空格或连字符换行(不允许拆开单词显示).
 有"-"连字符或者空格才会拆.
主要都是处理英文单词
## white-space
white-space 设置或检索对象文本显示方式.通常我们适用于强制一行显示内容,支持汉字
normal 默认处理方式
nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇br标签对象才换行. 比如标题,一般都是不换行的.

## text-overflow 文字溢出
text-overflow : clip | ellipsis
设置或检索是否使用一个省略标记(...)表示对象内文本的溢出
clip 不显示省略标记,而是简单的裁剪
ellipsis 当对象文本溢出时显示省略标记
记住,一定要首先强制一行内显示(white-space: nowrap;),再次和overflow属性搭配使用(overflow: hidden;).

- HTML
- 浏览器内核
- Web标准
- HTML标签关系
- 路径
- 表单
- datalist
- fieldset
- H5新增input
- 列表
- 表格
- 网站优化三大标签
- CSS
- 规则
- 命名规则
- 伪类选择器
- 块级元素和行内元素区别
- 权重
- 盒子模型
- 浮动
- 清除浮动
- 版心和布局流程
- 定位
- 元素的显示和隐藏
- overflow溢出
- CSS用户界面样式
- 垂直对齐
- 取出图片地测空白缝隙
- 溢出的文字隐藏
- 精灵技术
- 字体图标
- 滑动门
- before和after伪元素
- 2D
- 过度效果
- translate
- scale
- rotate
- skew
- 3D
- 左手法则
- rotateX,Y,Z旋转
- perspective
- translateZ
- translate3d
- backface-visibility
- 动画(animation)
- 概述
- 伸缩布局
- BFC
- 优雅降级和渐进增强
- 背景渐变
- CSS统一验证工具
- CSS压缩工具
- 移动web基础知识
- 基础
- 像素密度
- 设备独立像素
- css像素
- 2倍图
- 调试
- 视口的概念及设置
- PC端的视口
- 移动端的视口
- 移动端页面正常展示的解决方案
- 移动端viewport设置
- 移动站点和浏览器的说明
- 响应式开发
- 基础
- 媒体查询
- 媒体查询条件判断
- 媒体功能
- 使用媒体查询设置页面布局
- bootstrap
