zoukankan      html  css  js  c++  java
  • css-文本超出后显示省略号

    1、如果是单行文本:

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    2、如果是多行文本,将文本框高度设为文字行高的倍数,然后在文本后建一个content为“...”的宽度为1em并设置文本背景色的after伪类,相对文本框设置绝对位置为下0右0;这样可以在视觉上实现同样的省略效果。

    3、或者直接在文本框后新建一个元素,比如

    这个右下角显示详情,并且是个链接,可以新建一个链接,然后绝对位置右0下0,记着设置背景色。

    网上还有其他高大上的方法,继续学习。

  • 相关阅读:
    K
    士兵队列训练问题
    分析A + B Problem II
    C++中sort()的用法
    swing初级应用创建一个窗体
    java生成随机数
    JAVA数字格式化
    CodeForces
    POJ
    51Nod
  • 原文地址:https://www.cnblogs.com/zczhangcui/p/6127517.html
Copyright © 2011-2022 走看看