css样式:多行文本截断加点

发布网友发布时间：2022-04-06 12:20

共4个回答

热心网友时间：2022-04-06 13:50

<!DOCTYPE HTML>
<html>
<head>
    <style>
        html, body, p { margin: 0; padding: 0; font-family: sans-serif;}

        .ellipsis {
            overflow: hidden;
            height: 200px; width:500px;
            line-height: 25px;
            margin: 20px;
            border: 5px solid #AAA; }

        .ellipsis:before {
            content:"";
            float: left;
            width: 5px; height: 200px; }

        .ellipsis > *:first-child {
            float: right;
            width: 100%;
            margin-left: -5px; }

        .ellipsis:after {
            content: "\02026";

            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;

            float: right; position: relative;
            top: -25px; left: 100%;
            width: 3em; margin-left: -3em;
            padding-right: 5px;

            text-align: right;

            background: -webkit-gradient(linear, left top, right top,
                from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
            background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
            background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
            background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
            background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); }
    </style>
</head>
<body>
    <div class="ellipsis"><div>
        <p>Call me Ishmael.  Some years ago – never mind how long precisely – having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.  It is a way I have of driving off the spleen, and regulating the circulation.  Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people's hats off – then, I account it high time to get to sea as soon as I can.</p>
    </div></div>
</body>
</html>

热心网友时间：2022-04-06 15:08

display:inline-block or block追问（问题中的已经是block的。）

热心网友时间：2022-04-06 16:42

a标签加2个样式
display：block
width：100px追问

您好，您的方法不能奏效。