• 单元格内文本显示超过单元格宽度的解决办法


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

    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)

                      希望大家给点意见。

  • 相关阅读:
    imagemagick 批量旋转图片 转为横版式
    visual studio 2008 编译 filezilla
    BackgroundWorker 类
    序列化
    打工才是最愚蠢的投资
    常用汇编指令缩写(方便记忆)
    PIC中档单片机汇编指令详解(1)
    Win8之自动登录
    PIC单片机汇编指令
    好文转载—程序员的禅修之路
  • 原文地址:https://www.cnblogs.com/ginaprogram/p/5663924.html
Copyright © 2020-2023  润新知