当通过把overflow属性的属性值设定为”hidden”的方法，将盒中容纳不下的内容隐藏起来时，如果使用text-overflow属性，可以在盒的末尾显示一个代表省略号”…”。但是，text-overflow属性只在当盒中的内容在水平方向上超出盒的容纳范围时有效。例子如下：
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>text-overflow属性使用示例</title>
<style>
div{
white-space: nowrap;
width:300px;
border:solid 1px orange;
overflow: hidden;
text-overflow:ellipsis;
}
</style></head><body><div>炸弹阿萨德阿萨德 沙雕暗示的萨达萨达阿萨德</div></body></html>
box-shadow属性的使用方法
在css3中，可以使用box-shadow属性让盒在显示时产生阴影效果。写法如下：
box-shadow:length length length color
其中，前面三个length分别指阴影离开文字的横向距离、阴影离开文字的纵向距离
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式