<html>
<table>
<tr>
<td width="10%">第一列</td>
<div style="text-overflow:ellipsis;white-space:nowrap;overflow:hidden;"><td width="80%">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccccccccccccccccccccccccccddddddddddddddddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td></div>
<td width="10%">第三列</td>
</tr>
</table>
</html>
-
等级
本版专家分：0结帖率 99.35% -
我的table中有3列，第一列占10%，第二列占80%，第三列占10%，80%的内容可能很长，我想让80%那一部分，如果显示不下，则出现省略号，并且我希望80%那一列最多出现2行（如果内容少就只一行），应该怎么做，我现在在Chrome上是直接出现横向滚动条了
展开阅读全文
-
等级
本版专家分：11313勋章
-
- 黄花 2014年2月 Web 开发大版内专家分月排行榜第二
-
- 蓝花 2013年12月 Web 开发大版内专家分月排行榜第三
-
-
那有这么聪明，自有不显示。
-
等级
本版专家分：0
-
显示不下以省略号代替我自己实现了，但是最多显示2行应该怎么做，谁帮忙改改
<head>
<script>
window.onload=function()
{
var obj = document.getElementById('test');
obj.style.width = document.documentElement.clientWidth * 4 / 5 + 'px';
}
</script>
</head>
<body>
<table>
<td width="10%">111</td>
<td><div id="test" style="overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbccccccccccccccccccccccccccccccccccccddddddddddddddddddddddddddddddddddeeeeeeeeeeeeeeeeeeeeeeeeeeeee</div></td>
<td width="10%" style="float:right;">222</td>
</table>
</body>
</html>
-
等级
本版专家分：3894 -
display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-o-text-overflow: ellipsis;
至于你说的要几行 自己设置好 height line-height
- css 文本超出2行就隐藏并且显示省略号
//溢出用省略号显示white-space:nowrap; //溢出不换行这三个是css的基础属性，需要记得。但是第三条属性，只能显示一行，不能用在这里，那么如果显示多行呢？css3解决了这个问题，解决方法如下：display:-webkit-...
- css实现超出div长度文字自动隐藏或用省略号表示
在网页设计中，一些区域的标题文字是不能换行的，例如首页显示的文章标题，因为布局是固定的，换行会打乱布局，从而使网页产生错位。因此，我们需要一行一段文字，超出行宽的文字用省略号表示或者直接去掉不用省略号...
- HTML怎么让table中的td内容过长显示为固定长度，多余部分用省略号代替
是由于我们公司测试的部门测出来的，虽然说测试的内容本身就是个BUG，不过这个也让我学到了一个比较好的归类于布局的一个小技巧，就是将td标签中过长的内容只显示为这个td的width的长度，之后的便以省略号代替。...
- Android之TextView实现文字过长时省略部分或者滚动显示
1.android:ellipsize=”start”—–省略号显示在开头 2.android:ellipsize=”end”——省略号显示在结尾 3.android:ellipsize=”middle”—-省略号显示在中间 4.android:ellipsize=”marquee”–以跑马灯的
- vue + ElementUI 表格筛选框的高度设置，超出一定高度，显示滚动条
相信有很多小伙伴遇到过这个问题，首先还是来看图片，筛选框我做了处理，所以和官网的有点小差别 官方网站和个人网站对比图如下： 代码如下：（F12找到该元素的class，设置高度） ...}
- 文字溢出部分自动滚动显示
实现溢出隐藏，即用省略号代替溢出的部分，这样比较美观而且溢出部分的详情也可以点进相应的详情页面去查找，但是如果这段文字本来就在详情页面里面了还能用省略号代替么？显然是不可以的，这时我们可以让文字溢出
- JSP中table中数据自动换行的问题
在JSP页面中，table常用，当然表格中的每一列都可能存有不同类型的数据，拿文本数据laish
- android textView文字过长，省略显示
Android之TextView实现文字过长时省略部分或者滚动显示 发布时间:2011-10-08 信息来源：青岛达内 TextView中有个ellipsize属性,作用是当文字过长时,该控件该如何显示,解释如下: 1.android:...
- css控制不溢出,不换行,溢出部分省略号显示
white-space: nowrap;text-overflow:ellipsis; overflow:hidden; text-overflow : clip | ...不显示省略标记(...)，而是简单的裁切 ellipsis : 当对象内文本溢出时显示省略标记(...) white-space : normal | pr
- html 中限制一行的字数
自己的理解：对于一行，1复制.dd的样式，2在div或者span中直接给class负上dd 3,对.dd修改,添加display:block;...但是我想让文本第一行正常换行，第二行末尾才用省略号隐藏多余部分，如何实现？ css控制字数
- css防止ul下的li里面内容超出换行
在使用css结合div布局的时候碰到了一个问题。 在一个规定宽度大小的ul里边 我...企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里 分别有4个li 这个4个li的宽度根据它们的自身内容长度为80p...
- css实现超出div长度用省略号表示
源代码其实不复杂，写法如下： 双宽带+无线WiFi 网速升3倍 WiFi手机设置无线上网的方法 不过你不能照搬上述代码到你的网页里，要弄清楚div样式里的几个属性。 overflow: hidden overflow 属性...
- 使用Python+Qt时解决QTreeWidget中的内容超出边界后自动隐藏的问题
默认情况下，内容超出边界后会自动省略，以...代替，而且无法出现水平滚动条 解决方法： 把VerticalScrollBar和HorizontalScrollBar的值都设为ScrollBarAlwaysOn是没用的，保持原先的ScrollBarAsNeeded就好 ...
- android View 详解
android.View.View(即View)类是以矩形的方式显示在屏幕上，View是用户界面控件的基础。View的继承层次关系如下图： 可以看到所有的界面控件都是View的子类。简单证实一下，每当你用findViewByIds(R.id.xx)时总...
- qtableview 设置自动scroll但是不scorll
我做了只有一列的表格,每行内容比较长,我希望能自动滚动,但是按照别的表格,一样一样的方法,只不过那个表格有很多列很多行.然后死活不显示全部. list_tableview_->horizontalHeader()->setStretchLastSection(true)...
- css控制标题长度超出部分显示省略号
.css2 { overflow: hidden;.../*文字隐藏后添加省略号*/ white-space: nowrap;/*强制不换行*/ width: 20em;/*不允许出现半汉字截断*/ color:#6699ff; border:1px #ff8000 dashed; } 设置
- ul li列表中显示文字强制不换行大于li宽度的文字自动隐藏
转自：http://www.jb51.net/css/150075.html 代码如下: li{ display:block; font-size:14px; height:16px; line-height:16px;... //强制不换行 overflow:hidden; //自动隐藏文字 text-overflow: elli...
- MFC窗口风格 WS_style/WS_EX_style
转载地址： http://blog.sina.com.cn/s/blog_5408dfe70100rjoq.html 窗口风格(Window style) ...WS_CAPTION 必须和WS_BORDER风格配合，但不能与WS_DLGFRAME风格一起使用。...WS_CHILD 说明窗口为子窗口，不
- 设置div中文字超出时自动换行和css实现文本超出N行之后显示省略号等
一、对于div强制换行 1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; } 或者 #wrap{word-break:break-all;width:200px;...
- DBGridEh全部属性设置详解
可惜做好的表格传不下来，只好粘成纯文本了 属性 子选项 值 说明 Allowedoperations [alopInsertEh,alopUpdateEh,alopDeleteEh,alopAppendEh] 允许操作类型：插入、更新、删除、追加 Allowedselections ...
- C#--图表控件（Chart）
Chart的属性 1、Serial属性： Series是画在ChartArea上的线、点、...如下图所示 点击省略号： MarkerBorderColor ：数据点的边框的颜色 MarkerBorderWidth : 数据点边框的宽度 MarkColor ： 数据点的颜色 MakerS...
- Delphi表格控件DBGridEh全属性设置详解 最全的属性设置说明
可惜做好的表格传不下来，只好粘成纯文本了 属性 子选项 值 说明 Allowedoperations [alopInsertEh,alopUpdateEh,alopDeleteEh,alopAppendEh] 允许操作类型：插入、更新、删除、追加 Allowedselections [gstR
- css防止ul下的li换行(li超出宽度变成…)代码
企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里 分别有4个li 这个4个li的宽度根据它们的自身内容长度为80px、120px、140px、80px。 我需要的效果是4个li向左自动排列。当第三个li和前两个li的...
- CSS基础知识（高级技术）
outline防止拖拽文本域resizevertical-align 垂直对齐图片、表单和文字对齐去除图片底侧空白缝隙溢出的文字省略号显示white-spacetext-overflow 文字溢出CSS精灵技术（sprite)为什么需要精灵技术精灵技术讲解 ...
- 安卓开发小技巧--TextView 设置的文字过长，显示三个点或者滚动形式显示
开发经常用textview，有时候文字过长就跑到下一行或者宽度设为包裹内容时会挤在一起，这样看非常不美观，ios的文本控件会自适应显示不下时后面留三个点，那安卓的可不可以，当然可以效果 如图 TextView中有个...
- 解决element-ui的el-select组件文字超过宽度时不出现横向滚动条问题
我用的element-ui是V1.4.3. 目前遇到一个问题，在用el-select组件...解决时的问题就是，设置了宽度，横向滚动条却不出现，如下图所示，直接将超出的文字隐藏，并且后面添加省略号 最后我添加了如下的代码： .el-se...
- Astar，Google小插件，压缩包：1.0.3_0.zip
AStar技术，浏览器插件，/出国/人士常用，是个T—Z，很稳定，分享给大家。 ---------------以下资源具体描述（cou50zi）:Zipkin 是一款开源的分布式实时数据追踪系统（Distributed Tracking System），基于 Google Dapper 的论文设计而来，由 Twitter公司开发贡献。其主要功能是聚集来自各个异构系统的实时监控数据，用来追踪微服务架构下的系统延时问题。应用系统需要进行装备（instrument）以向 Zipkin 报告数据。
- 微信公众平台开发入门
本套课程的设计完全是为初学者量身打造，课程内容由浅入深，课程讲解通俗易懂，代码实现简洁清晰。通过本课程的学习，学员能够入门微信公众平台开发，能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习，学员能够对微信公众平台有一个清晰的、系统性的认识。例如，公众号是什么，它有什么特点，它能做什么，怎么开发公众号。 其次，通过本课程的学习，学员能够掌握微信公众平台开发的方法、技术和应用实现。例如，开发者文档怎么看，开发环境怎么搭建，基本的消息交互如何实现，常用的方法技巧有哪些，真实应用怎么开发。 通过合理的课程设计，结合讲师多年的教学经验、微信开发经验，轻松引导初学者掌握微信公众平台开发。
- EndNoteX9 汉化+原版_破解版安装包
EndNote X9最新版，包括汉化版本和原版本，汉化方法： 1、双击[ENX9Inst.msi]安装EndNote X9，安装时选择试用，安装完成后不要运行EndNote； 2、如果想使用汉化版，可以将CHS文件夹里的[EndNote.exe]拷贝到EndNote的安装目录下，替换原文件即可汉化、破解。 3、如果想使用英文版，可以将ENG文件夹里的[EndNote.exe]拷贝到EndNote的安装目录下，替换原文件即可直接破解。 注意：不论用的是英文版还是中文版，替换之后即可破解，无需输入序列号。