zoukankan      html  css  js  c++  java
  • 单元格内文本显示超过单元格宽度的解决办法

    开发过程中,表格单元格里的显示数据经常超出单元格的宽度。遇到这种情况一般会这样处理。

    1、超出部分显示省略号(...)或其他方式省略,鼠标悬停显示省略部分。

    解决办法:在css中设置  text-overflow: ellipsis;

    text-overflow:

     鼠标悬停显示剩余部分:#d.hover{  overflow:visible;}


    2、换行显示

    解决办法: 在css中设置   white-space:normal;

    white-space:(1)normal : 默认 。空白会被浏览器忽略。

                       (2) pre : 换行和其他空白字符都将受到保护 

                       (3) nowrap : 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 

    示例代码:

    <html>
    <head>
    <style type="text/css">
    p
    {
    white-space:normal/pre/nowrap;
    }
    </style>
    </head>
    <body>

    <p>
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    这是一些文本。
    </p>

    </body>
    </html>

    运行效果图:(1)

                      (2)

                      (3)

                      希望大家给点意见。

  • 相关阅读:
    sap 登陆增强
    去除字符串末尾的空格
    abap 动态控制状态栏按钮
    首页菜单显示TCODE
    me23n去价格
    abap 导出数据到excle,粘贴复制法
    TCODE找相應的BAPI(主要是找到包PACKAGE)
    Sap自动编号工具(SNRO)
    jQuery 实现置顶效果
    order by 不能使用别名
  • 原文地址:https://www.cnblogs.com/ginaprogram/p/5663924.html
Copyright © 2011-2022 走看看