css3 文字溢出 换行实现方案
2016-11-28 16:54
148 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
.title {
text-align: left;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
height: 32px;
line-height:16px;
overflow: hidden;
color: #333;
width:100px;
}
</style>
<div class="title"> 韩国魔幻车神正版套装车库灵动变形玩具新款天地超神威甲车神全套</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css3实现文字溢出省略号（…）显示
- CSS3实现文字阴影与自动换行
- 解决在IE6下文字溢出（多出一行字）的问题方案
- CSS实现文字自动换行(兼容Firefox)
- android中画文字的换行 办法（对于遇到canvas.drawText(String s )无法实现换行问题的解决）
- css3新功能之(text-shadow实现)CSS3文字阴影效果
- android中画文字的换行 办法（对于遇到canvas.drawText(String s )无法实现换行问题的解决）
- 如何实现表格中文字的强制换行
- jQuery实现 div里面的文字如何自动缩小，避免文字溢出
- CSS3下的渐变文字效果实现
- CSS3+HTML5实现块阴影与文字阴影
- css3 RGBA颜色实现背景颜色透明而文字不透明
- 在现实文字时实现不换行，多出显示为……
- CSS实现文字自动换行(兼容Firefox)
- DIV文字自动换行的实现
- css 选择后更改文字背景 CSS3 实现改变默认文本选中的颜色
- text-overflow实现文字超出宽度，溢出后自动显示为省略号的效果
- css实现页面文字不换行、自动换行、强制换行
- 页面tips实现文字过长换行显示
- 用CSS3可以很简单地实现文字渐变效果