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)

                      希望大家给点意见。

  • 相关阅读:
    java 如何读取jar包外的properties文件(转)
    window.showModalDialog()之返回值
    Java web.xml随笔
    如何获取业务表中各位业务员的业务类型A与业务类型B的业务金额
    web.config Web配置文件(*.config)
    Eclipse常用捷键
    css圆角效果
    回车键事件
    WCF学习 之旅
    validation
  • 原文地址:https://www.cnblogs.com/ginaprogram/p/5663924.html
Copyright © 2011-2022 走看看