zoukankan      html  css  js  c++  java
  • <li></li>列表中显示文字强制不换行,大于li宽度自动隐藏文字

    li{

    display:block;
    font-size:14px;
    height:16px;
    line-height:16px;
    330px;
    white-space:nowrap; //强制不换行
    overflow:hidden; //自动隐藏文字
    text-overflow: ellipsis; //文字隐藏后添加省略号
    -o-text-overflow:ellipsis; //适用于opera浏览器
    }

    涉及关键属性的语法:

    1、语法:
    text-overflow : clip | ellipsis
    参数:
    clip :  不显示省略标记(...),而是简单的裁切
    ellipsis :  当对象内文本溢出时显示省略标记(...)

    2、
    语法:
    overflow : visible | auto | hidden | scroll
    参数:
    visible :  不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
    auto :  此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
    hidden :  不显示超过对象尺寸的内容
    scroll :  总是显示滚动条

    3、
    语法:
    white-space : normal | pre | nowrap
    参数:
    normal :  默认处理方式
    pre :  用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
    nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)

  • 相关阅读:
    winform中的 listview的使用的讲解。
    快乐的一天从AC开始 | 20210716 | P1345
    快乐的一天从AC开始 | 20210715 | P4643
    快乐的一天从AC开始 | 20210714 | P3594
    快乐的一天从AC开始 | 20210713 | P3557
    快乐的一天从AC开始 | 20210712 | P2251
    P7294-[USACO21JAN]Minimum Cost Paths P【单调栈】
    AT4353-[ARC101D]Robots and Exits【LIS】
    2021牛客暑期多校训练营9C-Cells【LGV引理,范德蒙德行列式】
    Loj#2880-「JOISC 2014 Day3」稻草人【CDQ分治,单调栈,二分】
  • 原文地址:https://www.cnblogs.com/lslvxy/p/3121016.html
Copyright © 2011-2022 走看看