zoukankan html css js c++ java

CSS的宽度与高度

css实现单行文本的溢出显示省略号

 <style>
        .demo {
            white-space: nowrap; #不折行
            overflow: hidden;　　#溢出隐藏
            text-overflow: ellipsis; #使用省略号来代替被修剪的文本
        }
    </style>

css实现多行文本的溢出显示省略号

 <style>
        .demo {          
　　　　　　　　display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
    </style>

文字两端对齐

 　　　　 div {
            border: 1px blue solid;
            font-size: 20px;
        }
    
        span {
            border: 1px red solid;
            text-align: justify;
            display: inline-block;
            width: 5em;
            line-height: 20px;
            height: 20px;
            overflow: hidden;
        }
    
        span:after {
            display: inline-block;
            content: '';
            width: 100%;
        }
    </style>
    </head>
    
    <body>
        <div>
            <span>姓名</span>
            <br>
            <span>联系方式</span>
        </div>
    
    </body>

查看全文

相关阅读:
HDU2203
POJ3616
堆排序
 POJ1386+欧拉回路
 快速排序（实现）
HDU3549+FordFulkerson
POJ2155
POJ1195
mysql案例~关于linux服务器本身的优化问题
 mysql案例~mysql主从复制延迟概总

原文地址：https://www.cnblogs.com/ronyjay/p/8859645.html