ellipsis 一行/两行省略


<html>
<head>
    <style type="text/css">
        /* 一行 */
        .test {
            text-overflow:ellipsis;
            overflow:hidden;
            white-space:nowrap;
            width:150px;
        }
        /* 两行 */
        .test {
            display: -webkit-box;
            overflow: hidden;
            /*text-overflow: ellipsis;*/
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }
    style>
head>
<body>
    <div class="test">关于**产品的推广关于**产品的推广关于**产品的推广div>
body>
html>

你可能感兴趣的:(CSS,实际开发问题)