`
alan3258
  • 浏览: 70076 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

表格截字省略号

    博客分类：
  • html
HTML
阅读更多 
<html>
<head>
<title>表格自动换行显示第一行</title>
</head>
<style>
table{table-layout: fixed; } 
//这里是主要的
td{
-o-text-overflow:ellipsis; 
text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden; 
}
</style>
<body>
<table width="300" border="1" >   
<tr>
<td  title="按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时

大法师的法第三方按时大法师的法第三方按时大法师的法第三方">
按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第

三方按时大法师的法第三方按时大法师的法第三方
</td>
<td width="100">
ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg

ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</td>
<td  title="按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时

大法师的法第三方按时大法师的法第三方按时大法师的法第三方">
按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第三方按时大法师的法第

三方按时大法师的法第三方按时大法师的法第三方
</td>
</tr>
</table>
</body>
</html>
1
顶
0
踩
分享到：
| 表格自动换行，只显示第一行的数据
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS实现文字多行省略效果.zip_朋友圈文字最后变成省略号

    当我们需要展示大量文本但受限于有限的空间时，可以利用CSS来实现文字的多行省略效果，让超出部分以省略号（...）的形式呈现。在给定的“CSS实现多行文字显示省略号效果.zip”压缩包中，包含了一个名为“2.css”的...

    表格 题头拖动 超出宽度显示省略号(中文亦可) 滚动条 兼容IE，FF，safari

    表格 题头拖动 超出宽度显示省略号(中文亦可) 滚动条 兼容IE，FF，safari

    HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号，但鼠标可以选择文字，酷吧……

    HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号，但鼠标可以选择文字，酷吧……

    js文字超出省略号特效

    1. **CSS基础**：首先，我们要知道在CSS中，可以通过`text-overflow`属性来设置文本溢出时的表现，如`ellipsis`值可以添加省略号。同时，`white-space`属性控制空白字符的处理，`nowrap`可使文本不换行。配合`...

    Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法

    在本文中，我们将深入探讨如何使用Layer.js库来实现表格中溢出内容的省略号显示，并在鼠标悬停时显示全部内容。Layer.js是一个强大的弹层组件，它提供了丰富的功能，包括弹窗、提示、加载层等。在这个场景中，我们将...

    jQuery文字溢出显示省略号插件.zip

    "jQuery文字溢出显示省略号插件"就是为了解决这个问题而诞生的。它基于一款名为"dotdotdot.js"的JavaScript插件，旨在帮助开发者优雅地处理文字溢出的情况，使长文本在指定区域内以省略号的形式简洁展示。 jQuery是...

    Android中Textview和图片同行显示(文字超出用省略号，图片自动靠右边)

    视频与票的图标跟在标题后面显示，当标题过长时icon显示到省略号…后（textview省略号显示，图标自动靠后）。 二、问题解决 TextView可以通过 android:ellipsize=end android:singleLine=true实现单行省略， 但是...

    jquery带省略号的分页

    "jquery带省略号的分页"正是其中一种高级的分页效果，它能够帮助用户更优雅地处理大量的数据，提高用户体验。 首先，我们要理解“带省略号分页”的概念。这种分页方式通常指的是当页面的页码过多时，不将所有的页码...

    Android动态点点省略号闪烁效果的等待控件

    "Android动态点点省略号闪烁效果的等待控件"是一种常见的设计，它通过连续显示“...”来表示程序正在进行后台操作，同时通过动态闪烁增加用户的交互感，提高用户体验。本篇将详细介绍如何实现这样的控件。 首先，...

    wpf Textblock 文字过长时，中间用省略号代替。

    在这种情况下，我们通常希望在文本超出部分用省略号“...”来表示，以保持界面的整洁和易读性。这种效果可以通过多种方式实现，下面将详细介绍如何在WPF中使用TextBlock实现文字过长时中间用省略号代替的效果。 1. ...

    带省略号显示的CStatic控件

    5. **属性设置**：为了让用户能够调整省略号的显示，可以添加新的成员变量和函数，比如设置最大显示字符数或是否开启省略号模式。 6. **注册控件类**：最后，需要使用`AfxRegisterWndClass()`或`AFX聚合注册`注册...

    前端样式 分页中间是省略号

    "前端样式 分页中间是省略号"这个标题表明我们讨论的是一个关于分页组件的设计，其中在分页条目之间使用了省略号来表示中间的页面数。这种设计通常用于当页面数量过多，无法全部显示时，用省略号来简化用户界面，...

    网页文字溢出显示省略号jQuery插件代码

    网页文字溢出显示省略号是一个常见的需求，尤其是在有限的空间内展示大量文本时。jQuery的dotdotdot.js插件提供了一种优雅的解决方案，能够帮助开发者处理这种情况。这个插件适用于单行和多行文本，当内容超出指定...

    bootstrap表格内容过长时用省略号表示的解决方法

    为了实现内容过长时以省略号表示的效果，我们可以采用CSS样式来控制表格的显示。以下是具体解决方法的详细解释： 首先，我们创建一个基本的Bootstrap表格结构： ```html ;'&gt;商品名称 ;'&gt;详细介绍 ;'&gt;购买...

    表格内容 超过长度用省略号代替

    解决表格内容长度超过限制 表格内容 超过长度用省略号代替

    js分页带省略号

    而"js分页带省略号"指的是在分页插件中，为了简洁地展示页码，通常会采用省略号来表示中间的页码，只显示首尾部分和当前页附近的页码，这种设计既节省了空间，又保持了用户体验。 首先，我们来理解一下分页的基本...

    DIV 上下居中 多行 省略号

    在网页设计中，让`&lt;div&gt;`元素内的多行文本实现上下居中并添加省略号功能是一项常见的需求。这通常涉及到CSS布局、文本对齐和溢出隐藏等多个技术点。接下来，我们将深入探讨如何实现这个效果。 首先，我们要解决的是...

    CSS 省略号 完美解决 鼠标放上显示不能看部分的内容

    CSS 省略号 完美解决 鼠标放上显示不能看部分的内容

Magicbox
Global site tag (gtag.js) - Google Analytics