zoukankan      html  css  js  c++  java
  • 文本空白,溢出,省略号

    overflow:文本溢出设置

    hidden    超出隐藏

    scroll      超出时滚动查看(未超出时也有滚动机制)

    auto        超出时滚动查看(自适应,未超出时不会有滚动机制)

    inherit     继承父级的overflow设置

    white-space:文本空白

    normal         默认值

    pre              保留所有格式,且不会被迫换行

    pre-wrap     保留所有格式,但是会被迫换行

    nowrap        强制不换行,但是干不掉br标签

    text-overflow:文本省略号;

     clip        裁剪

    ellipsis   省略号

     

    想要显示省略号四部曲:
    1:元素设置宽度,且内容足够
    2:white-sapce:nowrap; 强制不换行;
    3:overflow:hidden; 超出隐藏;
    4:text-overflow:ellipsis;变成省略号;
    注意:只针对单行文本有效

  • 相关阅读:
    个人博客
    个人博客
    个人博客
    个人博客
    个人博客
    团队作业—个人记录
    4.21
    4.20
    4.19
    4.18
  • 原文地址:https://www.cnblogs.com/strongerPian/p/12422545.html
Copyright © 2011-2022 走看看