设置table的td宽度,不随文字变宽
页面中table宽度设置width="600px"之后,宽度仍然不是固定的,文字太长后不换行,把table都撑变形了。
解决办法:
table 设置 宽度,绝对宽度和相对都可以
table-layout:fixed ;
并且,第一行的<td>设置宽度,留一个不设,自由伸缩。
这样操作之后,table是宽度固定了,但是里面的文章如果很长,文字还是会跑出来
解决办法:
在 td 里面 加上 style="word-wrap:break-word;" 自动换行就好了,如果不想换行,可以将超出内容设为隐藏,并且用省略号代替:
在td上面加
overflow:hidden;
              white-space:nowrap;
              text-overflow:ellipsis;(目前仅在IE8测试通过)
设置table的td宽度,不随文字变宽的更多相关文章
- 前端福利之个性化设置table的td宽度(总结)
		
很多时候,我们在用到table时,都希望随意设置 每个单元格的宽度,而不希望单元格被内容撑开table的样式. 1.首先,设置table的宽度 width=“1000” 或者 width=“100%” ...
 - table中td的宽度不随文字变宽
		
1.设置了table的宽度后,宽度仍然不固定,td的内容一多,很容易吧table撑变形.有些时候我们需要设置固定的宽度. 解决办法 table的css 加入样式 table-layout:fixed ...
 - css控制table的td宽度
		
今天发现即使设置table的td.th宽度,仍是不管用,是根据table的td的内容来适应宽度,导致其他的th.td丢失. 下图就是浏览器渲染的table,导致缺失"端口"这一列, ...
 - layui静态表格固定td宽度,table固定td宽度
		
正在做一个项目,要求数据表的列是不固定的,有可能是有10列,有可能是20列,第一列宽度要固定,然后我怎么设置都没有用, 这个问题困扰了我三天,后来终于百度到了, 这个博客: https://www.c ...
 - 如何让table中td宽度固定
		
table中td会随着里面的内容伸缩,设置其width样式并没有效果.这个时候需要下面的CSS可以实现. 首先是设置table .table {table-layout:fixed;} 其次是td . ...
 - table调整td宽度整理-完美解决--费元星前端
		
个人整理例子,留下做个备份 最终重要的几句话 0.日期格式 format="ognl:dateFormat" <td align="center"> ...
 - HTML设置<table>的<td>横跨3列
		
第一步:html中 <table> <tr> <td>列一</td> <td>列二</td> <td>列三</ ...
 - 怎样设置table中td的高度为1px
		
在制作edm时会遇到须要设置td的高度为1px,假设td标签中有 时不管你怎么设置td的高度都没用,最小高度都是18px. 这时须要把表格中的 去掉.例: 原来是这种: <tr> < ...
 - HTML中table的td宽度无法固定问题
		
设置了 width="10%" 依然会被内容撑大, 加了 style="word-break:break-all;" 属性就好了.效果是内容自动回车. 此属性不 ...
 
随机推荐
- nodejs获取参数的方法
			
1 获取get的querystring参数 GET /test?name=fred&tel=0926xxx572 let aa = req.param("name"); l ...
 - python的曲线平滑工具,及python画一条线中包含不同粗细不同颜色的画线方法
			
from scipy.signal import savgol_filter import matplotlib.pyplot as plt cc = savgol_filter(c, 99, 1) ...
 - 聊一聊 Django 中间件
			
Django默认的Middleware有七个: MIDDLEWARE = [ 'django.middleware.security.SecurityMiddleware', 'django.cont ...
 - 001-netty的优势
			
1.API简单. 2.性能高. 3.成熟稳定. 4.入门门槛低.
 - PKU 3041 Asteroids 最小点覆盖(最大匹配模板题)
			
题目大意:给你一个N*N的矩阵, 里面有K个星球, 我们可以让武器攻击矩阵的一行或者一列来使得这个星球被击碎, 现在问你最少需要几个这种武器才能把所有的星球击碎? 解题思路:关键是建模构图 把每一行当 ...
 - MySQL 温故知心(二) 事务的隔离级别
			
事务的隔离级别 A事务做了操作 没有提交 对B事务来说 就等于没做 获取的都是之前的数据但是 在A事务中查询的话 查到的都是操作之后的数据没有提交的数据只有自己看得到,并没有update到数据库 查看 ...
 - hTML5 多图上传预览
			
<p> <label>请选择一个文件:</label> <input type="file" id="file" mu ...
 - Selenium+Python常见定位方法
			
参见官网:http://selenium-python.readthedocs.io/locating-elements.html 有多种策略来定位页面中的元素.你可以使用最适合你的情况.Seleni ...
 - [转]关于Navicat和MYSQL字符集不统一出现的中文乱码问题
			
原文链接:关于Navicat和MYSQL字符集不统一出现的中文乱码问题 最近遇到一串关于MYSQL中文乱码的问题,问题背景是这样的: 在此之前,服务器上安装好MySQL之后就立马重新配置了字符集为ut ...
 - USBasp制作资料及全过程(菜鸟版)
			
源:USBasp制作资料及全过程(菜鸟版) 一.usbasp 的一般性介绍: 1.下载线,是“ISP”(In System Programmability:“在系统编程”)或“IAP”(In Appl ...