css3 实现多行文本折行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>t1</title>
    <style>
        p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow: hidden; }
    </style>
</head>
<body>
    <div style="width:400px;height:70px;border:1px solid red;">
        <p style=" display:-webkit-box; -webkit-box-orient:vertical;">
            这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本
        </p>
    </div>
</body>
</html>

标记备忘感谢http://www.cnblogs.com/penghuwan/p/6682303.html

posted on 2017-09-29 17:44 小武爷阅读(1316) 评论(0) 编辑收藏举报