浏览器渲染机制 /CSS控制多行省略号

前端HTML浏览器渲染顺序，HTML代码自上而下进行解析加载。

• 先解析head标签中的代码。遇到script时，浏览器暂停解析，将控制权交给JavaScript。如果script引用了外部脚本，就会下载该脚本，如果是内联script直接执行，执行完毕将控制权交给浏览器渲染引擎。
• head中代码解析完毕解析body中的代码。body中的代码执行完毕，并且整个页面css样式加载完毕，css重新渲染整个页面html元素。

#content{
  width: 500px;
  height: 190px;
}

#content p{
  box-sizing: border-box;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
   font-size: 16px;
  color: #e2b566;
  line-height: 30px;
}