zoukankan      html  css  js  c++  java
  • CSS3---text-overflow与white-space

    text-flow:clip(剪切)|ellipsis(省略号)

    但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果

    即:

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

    同时,word-wrap也可以用来设置文本行为,当前行超过指定容器的边界时是否断开转行。

    语法:

    word-wrap:normal(表示控制连续文本换行)|break-word(表示内容将在边界内换行)

    normal为浏览器默认值,break-word设置在长单词URL地址内部进行换行,此属性不常用,用浏览器默认值即可。

  • 相关阅读:
    网络相关命令
    jmeter压力测试接口
    mysql+mycat+centos7
    centos7开放端口
    mysql主从库配置文件
    读写分离
    Memcached与Redis的区别和选择
    mybatis 学习
    redis 轻松入门
    swagger 框架使用
  • 原文地址:https://www.cnblogs.com/beast-king/p/4465046.html
Copyright © 2011-2022 走看看