7.6

一、CSS实现多行文本超长自动省略号 不同分辨率、
1、单行文本超长显示省略号：
white-space:pre(预留格式，和自己)
通过以下三点，可以使文本超长后已省略号显示。 white-space: nowrap(不折行)
overflow:hidden;
text-overflow:clip；
多行文本自动折行：
dispaly:box;
line-climp:2;

。box p{position:relative;
white-space: nowrap;
overflow:
}aa
box p：after{content:"..."}

二、用borde设置三角形

向下的三角形

设置position:absolute;top:13px;
背景图片兼容性较好,伪类的作用是可以简化标签
向右的箭头tooltip
.tooltip{color:#fff;border:#000;font-size:14px;line-height:1.5/ 设置当前字体大小的1.5倍/;disaplay:inline-block;}
伪类元素before和after一个是放在元素前面，一个是放在元素末尾，可以用其代替标签，本身是行内元素，一般是省标签。
三、div画太极
border-radius:值为宽高的一半即为圆形
.half{width:50px;height:25px;background:red;border-radius:25px 25px 0 0;}
画两个半圆，再画两个园，移动位置，看着像画了个弯线，再画两个小圆即可。