多行文字最后一行显示省略号

转载: http://www.css88.com/webkit/-webkit-line-clamp/
-webkit-line-clamp 是一个 不规范的属性,它没有出现在 CSS 规范草案中。(ie和火狐不兼容)


<html>
<head>
    <meta charset="utf-8">
    <title>无标题文档title>
    <style>
        p {
            width: 150px;
            overflow : hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            word-break: break-all;
        }
    style>
head>

<body>
    <p>
        111111111111111111111111111111111111111111111111
        111111111111111111111111111111111111111111111111
    p>
body>
html>

运行结果:
这里写图片描述

你可能感兴趣的:(css,多行最后一行显示省略号)