单元格内容过多超出怎么办(单元格内文本显示超过单元格宽度的快速解决办法)
类别:Web前端 浏览量:2881
时间:2022-01-16 00:25:58 单元格内容过多超出怎么办
单元格内文本显示超过单元格宽度的快速解决办法开发过程中,表格单元格里的显示数据经常超出单元格的宽度。遇到这种情况一般会这样处理。
1、超出部分显示省略号(...)
解决办法:在css中设置 text-overflow: ellipsis;
text-overflow:
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)
希望大家给点意见。
以上这篇单元格内文本显示超过单元格宽度的快速解决办法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持开心学习网。
原文地址:http://www.cnblogs.com/ginaprogram/archive/2016/07/12/5663924.html
您可能感兴趣
- python获取json结果保存文本(Python JSON格式数据的提取和保存的实现)
- 常见的web富文本编辑器有哪些
- css修饰文本的方法(CSS常用文本样式总结)
- python 文本分析 摘要(用Python逐行分析文件方法)
- html自适应怎么没有滚动条(如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度)
- python中统计文本中单词数的代码(Linux上使用Python统计每天的键盘输入次数)
- python pdf文件操作(Python常见读写文件操作实例总结文本、json、csv、pdf等)
- html使用canvas画矩形(CSS、SVG和canvas分别实现文本文字纹理叠加效果)
- 怎么调input搜索框边框颜色(使用placeholder属性设置input文本框的提示信息)
- python分词操作(Python英文文本分词无空格模块wordninja的使用实例)
- css文本怎么控制边距(css中text-overflow属性与文本截断详解)
- html文字标签设置(如何给HTML标签中的文本设置修饰线)
- php缓存技术学习(简单实用的PHP文本缓存类实例)
- python正则表达式处理教学(使用Python正则表达式操作文本数据的方法)
- css文本溢出部分成省略号(CSS文本超出2行就隐藏并且显示省略号)
- python指定路径创建txt文件(python根据txt文本批量创建文件夹)
- 给儿童吃什么最好(给儿童吃什么最好消化)
- 杭州旅游攻略()
- 云南旅游攻略(云南旅游攻略5天攻略)
- 收藏 春节假期,这些景区巨划算(收藏春节假期这些景区巨划算)
- 景区游玩,这些安全知识要牢记(这些安全知识要牢记)
- 各地出招烘 热 旅游(各地出招烘热旅游)
热门推荐
- windows终端远程连接linux服务器(linux通过跳板机连接远程服务器并进行文件传输的方法)
- mysql慢日志查询作用(MySQL 慢查询日志的开启与配置)
- dedecms添加板块(DedeCMS关键词替换问题较完美解决方法)
- linux有哪些ftp服务器软件(Linux系统 改善FTP服务器的安全性)
- javascriptloop教程(JavaScript中的AOP编程的基本实现)
- react教程简介(react入门级详细笔记)
- sql server2012下载安装教程(SQL Server 2012 安装与启动图文教程)
- mysql主从复制时突然来了一批数据(MySQL主从复制断开的常用修复方法)
- python正则表达式该怎么学习(Python面向对象总结及类与正则表达式详解)
- mysql 操作日志(MySQL中的undo日志)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9