文字溢出 背景图片处理

溢出容器、打点展示

单行文本溢出 三件套处理

<p>今天上着班我妈突然给我发来语音上有一个自拍问题不大</p>
p {
    width: 300px;
    height: 30px;
    line-height: 30px;
    border: 1px solid;
    /*失去换行功能*/
    white-space: nowrap;
    overflow: hidden;
    /*文字溢出打点展示*/
    text-overflow:ellipsis;
}

多行文本

直接打点,后期css3会针对移动端进行技术实现

多行文本一般控制行数。多行做截断不做打点。

<p>今天上着班我妈突然给我发来语音,让我发几张照片过去,说是相亲对方要我平时也没拍照片的习惯,我灵机一动,我去年回家路上有一个自拍,只是旁边有个睡着的阿姨,但是我觉得问题不大</p>
p {
    width: 300px;
    height: 60px;
    line-height: 30px;
    border: 1px solid;
    overflow: hidden;
}

 

©️2020 CSDN 皮肤主题: 点我我会动 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值