zoukankan      html  css  js  c++  java
  • 数据过多时不会影响页面布局

    1,在不影响布局的情况下,可以选择,数据自动换行
    a.设置宽度限制:可以使用width值和max-width最大宽度值。
    b.内容自动换行:word-wrap:break-word(中文,英文语句,长串字母都能实现);
    注意点:长串字母实现前提,必须将宽度限制直接添加到“文本内容的标签”。

    2,控制数据超出一定范围,自动隐藏——通过title值来显示全部数据信息
    a.设置宽度限制:可以使用width值和max-width最大宽度值。
    b.超出范围隐藏:overflow:hidden;

    3,控制数据超出一定范围,自动隐藏,并显示省略号...——通过title值来显示全部数据信息
    a.数据不换行:white-space:nowrap;
    b.超出范围隐藏:overflow:hidden;
    c.显示省略号:text-overflow:ellipsis;

  • 相关阅读:
    初始FreeMake
    C#三层架构
    文件上传
    Jquery动画效果(混合)
    反射机制
    Java使用Sockt进行通信(2)
    Java使用Socket进行通信
    JavaScript基础
    Java的继承
    事物>视图>索引>备份和恢复
  • 原文地址:https://www.cnblogs.com/aimyfly/p/2502617.html
Copyright © 2011-2022 走看看