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

2021-08-30
2022-12-23
2021-07-14
2022-12-23
2022-12-23
2021-12-15
2021-07-08