博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
单元格内文本显示超过单元格宽度的解决办法
阅读量:7054 次
发布时间:2019-06-28

本文共 630 字,大约阅读时间需要 2 分钟。

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

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)

                  希望大家给点意见。

 

转载于:https://www.cnblogs.com/ginaprogram/p/5663924.html

你可能感兴趣的文章
java泛型中T、E、K、V、?等含义
查看>>
python 运行 MySQL-python libmysqlclient.so.18: cannot open shared object file: No such file
查看>>
视频播放器推荐
查看>>
[root@AY140716161543837722Z ~]# man top
查看>>
C语言基础及指针⑩预编译及jni.h分析
查看>>
java打开IE浏览器
查看>>
PHP中$this的使用情况
查看>>
webview页面随设备分辨率缩放
查看>>
调侃面向对象编程的23种设计模式
查看>>
8-pandas聚合运算
查看>>
Kd-Tree算法原理和开源实现代码
查看>>
Mac Lion 下轻松更换 Caplock 键和 Control 键的映射--用于提升ema...
查看>>
在LispBox环境上安装 portableaserve 的详细过程
查看>>
通过 Land of Lisp 中的超简短字符游戏例程学习 loop 和 format
查看>>
instanceof, isinstance,isAssignableFrom的区别
查看>>
ITK, VTK, QT 安装与配置问题记录
查看>>
Java8学习笔记
查看>>
缓存之EHCache(第五个记录)
查看>>
一个超轻量级的 ORM 框架
查看>>
转:JVM底层又是如何实现synchronized的
查看>>