文档章节

解决table中td宽度不能固定的问题

Drystal
 Drystal
发布于 2014/06/24 17:55
字数 137
阅读 13
收藏 0
点赞 0
评论 0

解决方案:

第一步:table标签加style

style="table-layout:fixed;"

第二步:给td中加上div标签

<td style="vertical-align: middle;" title="我是很长很长的内容我是内容">
    <div style="white-space:nowrap;height:25px;overflow:hidden;text-overflow:ellipsis;">我是很长很长的内容我是内容</div>
</td>

这样过长的部分会被隐藏并加上省略号。

td的宽度自定义

© 著作权归作者所有

共有 人打赏支持
Drystal
粉丝 2
博文 11
码字总数 1140
作品 0
成都
程序员
设置table中的宽度不随文字改变让其固定

设置table中的宽度不随文字改变让其固定 来源:互联网作者:佚名时间:02-17 16:02:28【大 中 小】 页面中table宽度设置width之后,宽度仍然不是固定的,文字太长后不换行,下面有个不错的方...

什么是程序员 ⋅ 2015/11/05 ⋅ 0

解决td设置width失效的问题

使用的css里的两个属性white-space/word-break,设置td是否换行。 width会失效是因为有些浏览器,默认td是的内容是超出宽度即换行的(比如 火狐),有些即是默认不换行的(比如 谷歌) 固定t...

issac宝华 ⋅ 2016/03/15 ⋅ 0

div、p、td 的强制不换行及强制换行

关于强制不换行、强制换行的话题在网上已经被讨论了无数次,但我发现都不够全面,没有充分考虑各种浏览器、各种标签等情况,以致不兼容,所以我再来说说。由于 div 和 p 在本文的讨论中,效果...

王超 ⋅ 2014/03/20 ⋅ 0

TABLE固定宽度输出文本自动换行

浏览器会根据页面的大小和table的内容自动的调整table中单元格的宽度,如需要固定表格中单元格的宽度: 1、最后一列的单元格样式设定为width:auto;同时表格的整体宽度需要大于所有单元格宽度...

求渔 ⋅ 2012/12/23 ⋅ 0

纯CSS超过宽度显示省略号

通过CSS来使元素中的文字超过了自己的宽度后用省略号来代替,主要涉及的CSS代码如下: white-space: nowrap;overflow: hidden;text-overflow: ellipsis; 对于一般的div及li元素用上面的CSS即...

admyvi ⋅ 2012/09/05 ⋅ 0

解决Table td设置了相同百分比,由于文字个数不同导致列宽不同问题

问题:上图中红色与黄色背景的列都是设置了同样的百分比宽度,但是由于黄色列的文字内容比红色的多,导致table在展示时宽度不一 解决方法: 将table加上属性 table-layout:fixed; 搞定 原因:...

zj_oschina ⋅ 2014/02/27 ⋅ 0

【log】snsTest,继续完善测试项目功能

表情功能smohan 刚做完表情功能,用了smohan JQuery插件 | link debug时善用浏览器,首先就是路径问题,"/images/"和"imgages/"差距应该就是前者会在根目录下寻找而后者直接在当前目录下寻找...

phala ⋅ 2015/12/04 ⋅ 0

问一个jquery在FF下width的问题

table的每一行第一列都是用的width="20%" 因为在做冻结表头功能,要固定宽度,用jquery遍历tr,取第一个td, width = td.width(); td.removeAttr("width").css("width",width+5); 问题就是,...

roywang ⋅ 2013/01/23 ⋅ 2

bootstrap中表格固定头部:

使用chromatable在bootstrap中的使用,首先引用css样式与js <link rel="stylesheet" href="../../plugins/jquery.chromatable-1.3.0/css/style.css"> <script src="../../plugins/jQuery/jQ......

tianyawhl ⋅ 2016/03/29 ⋅ 0

页面数据展示的太长,怎么让他自动换行

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字...

元来元去 ⋅ 2010/11/22 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Docker Swarm的前世今生

概述 在我的《Docker Swarm集群初探》一文中,我们实际体验了Docker Swarm容器集群技术的魅力,与《Kubernetes实践录》一文中提到的Kubernetes集群技术相比,Docker Swarm没有Kubernetes显得...

CodeSheep ⋅ 今天 ⋅ 0

骰子游戏代码开源地址

因为阿里云现在服务器已经停用了,所以上面的配置已经失效。 服务端开源地址:https://gitee.com/goalya/chat4.git 客户端开源地址:https://gitee.com/goalya/client4.git 具体运行界面请参考...

算法之名 ⋅ 今天 ⋅ 0

设计模式--装饰者模式

装饰者模式 定义 动态地给一个对象添加一些额外的职责。就增加功能来说,装饰模式相比生成子类更为灵活。 通用类图 意图 动态地给一个对象添加一些额外的职责。就增加功能来说,装饰模式相比...

gaob2001 ⋅ 今天 ⋅ 0

JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa ⋅ 今天 ⋅ 0

sbt网络问题解决方案

转自:http://dblab.xmu.edu.cn/blog/maven-network-problem/ cd ~/.sbt/launchers/0.13.9unzip -q ./sbt-launch.jar 修改 vi sbt/sbt.boot.properties 增加一个oschina库地址: [reposit......

狐狸老侠 ⋅ 今天 ⋅ 0

大数据,必须掌握的10项顶级安全技术

我们看到越来越多的数据泄漏事故、勒索软件和其他类型的网络攻击,这使得安全成为一个热门话题。 去年,企业IT面临的威胁仍然处于非常高的水平,每天都会看到媒体报道大量数据泄漏事故和攻击...

p柯西 ⋅ 今天 ⋅ 0

Linux下安装配置Hadoop2.7.6

前提 安装jdk 下载 wget http://mirrors.hust.edu.cn/apache/hadoop/common/hadoop-2.7.6/hadoop-2.7.6.tar.gz 解压 配置 vim /etc/profile # 配置java环境变量 export JAVA_HOME=/opt/jdk1......

晨猫 ⋅ 今天 ⋅ 0

crontab工具介绍

crontab crontab 是一个用于设置周期性被执行的任务工具。 周期性执行的任务列表称为Cron Table crontab(选项)(参数) -e:编辑该用户的计时器设置; -l:列出该用户的计时器设置; -r:删除该...

Linux学习笔记 ⋅ 今天 ⋅ 0

深入Java多线程——Java内存模型深入(2)

5. final域的内存语义 5.1 final域的重排序规则 1.对于final域,编译器和处理器要遵守两个重排序规则: (1)在构造函数内对一个final域的写入,与随后把这个被构造对象的引用赋值给一个引用...

江左煤郎 ⋅ 今天 ⋅ 0

面试-正向代理和反向代理

面试-正向代理和反向代理 Nginx 是一个高性能的反向代理服务器,但同时也支持正向代理方式的配置。

秋日芒草 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部