`
leyoo
  • 浏览: 44440 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

单元格内容超出宽度时隐藏多余部分<转帖>

IE 
阅读更多
单元格内容超出宽度时隐藏多余部分:

<style type="text/css">
.textOverFlow {
width:300px;
overflow:hidden;
text-overflow:ellipsis;/* (IE专用) */
white-space:nowrap;
border:1px solid #ddd;
}
</style>

有时广告经常会撑破,知道用OVERFLOW: hidden; 这个代码了,但还是无效怎么办?在后面加一句position:relative;就可以了。


分享到:
评论
1 楼 vipliuxiaofeng 2011-10-27  
试了试未达到我想要的效果

相关推荐

    html表格<table></table>

    &lt;tr &gt; &lt;td rowspan="2"&gt; &lt;/td&gt; &lt;td&gt; 第二行的单元格 &lt;/td&gt; &lt;td&gt; 第三行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td colspan="2" align="center"&gt; 第二行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td&gt; ...

    Java 新版POI 读取excel文件信息返回List<List<String>>对象,包含文件内公式处理

    基于新版本的POI编写的读取Excel文件数据的工具类,可根据绝对路径、File对象、InputSteam对象读取解析Excel文件内容,并返回List&lt;List&lt;String&gt;&gt;格式结果,其中包含对单元格公式的处理。

    漂亮的网页 模版 完全利用完成的

    2. 布局工具:在早期,开发者会使用嵌套的`&lt;table&gt;`来实现复杂的页面布局,通过调整单元格的宽度和高度来控制各个部分的位置。 3. `&lt;th&gt;`元素:用于定义表格的表头,可以设置为粗体和居中,以区别于数据单元格。 4. ...

    layui表格内容溢出的解决方法

    引言,我做文章管理的时候,引入的是layui的表格样式,但是里面的内容溢出无法隐藏,后来我采用了往td里面加了个&lt;div&gt;&lt;/div&gt; 然后设置一下样式就可以了。 &lt;table class=layui-table&gt; &lt;colgroup&gt; &lt;col width=100...

    C#编程经验技巧宝典

    2&lt;br&gt;&lt;br&gt;0003 设置程序代码行序号 3&lt;br&gt;&lt;br&gt;0004 开发环境全屏显示 3&lt;br&gt;&lt;br&gt;0005 设置窗口的自动隐藏功能 3&lt;br&gt;&lt;br&gt;0006 根据需要创建所需解决方案 4&lt;br&gt;&lt;br&gt;0007 如何使用“验证的目标架构”功能 4&lt;br&gt;...

    table标签使用方法

    通过本文的学习,你应该能够熟练掌握`table`标签的基本用法以及如何使用`colspan`和`rowspan`属性来合并单元格,同时也了解了如何使用`&lt;thead&gt;`、`&lt;tbody&gt;`和`&lt;tfoot&gt;`标签来增强表格的语义性和可访问性。...

    表格 html 表格 html 表格 html

    &lt;td&gt;单元格内容&lt;/td&gt; &lt;td&gt;单元格内容&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;单元格内容&lt;/td&gt; &lt;td&gt;单元格内容&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; ``` 其中: - `&lt;table&gt;`:定义一个表格。 - `&lt;tr&gt;`:定义表格的一行。 - `&lt;td&gt;`:定义一个...

    td 内容自动换行 table表格td设置宽度后文字太多自动换行

    其次,要让单元格内容在超出宽度时自动换行,需要使用`word-wrap: break-word;`。这个属性是`overflow-wrap`的旧版,它能让长单词或者长字符串在达到单元格边界时自动换行到下一行,而不是溢出单元格。这样,即使...

    HTML制作表格.ppt

    &lt;TH&gt;表头单元格内容&lt;/TH&gt; … &lt;TD&gt;单元格内容&lt;/TD&gt; … &lt;/TR&gt; … &lt;/TABLE&gt; 三、创建表格 创建表格可以使用TABLE标签,border属性用于设置表格边框的尺寸大小。例如: &lt;TABLE border="2"&gt; &lt;TR&gt; &lt;TH&gt;姓名&lt;/TH...

    前端与移动开发之表格

    &lt;table align="表格对齐方式center/right/left" border="表格边框 默认没有边框" cellpadding="文字和单元格之间边距 默认为1" cellspacing="单元格和单元格之间间距 默认为2" width="表格宽度" height="表格高度"&gt; ...

    HTML制作表格ppt课件.ppt

    &lt;TH&gt;表头单元格内容&lt;/TH&gt; …… &lt;TD&gt;单元格内容&lt;/TD&gt; …… &lt;/TR&gt; …… &lt;/TABLE&gt; 如何创建表格? 创建表格非常简单,首先需要定义表格的边框尺寸,然后定义表头和表格内容。例如: &lt;TABLE border="2"&gt; &lt;TR&gt; ...

    拖动table单元格改变列宽或行高

    一个HTML表格由`&lt;table&gt;`元素定义,包含多个`&lt;tr&gt;`(行)元素,每个`&lt;tr&gt;`元素又包含多个`&lt;td&gt;`(单元格)或`&lt;th&gt;`(表头单元格)元素。这些元素的宽度和高度默认由浏览器根据内容自动调整,但可以通过CSS样式来设定...

    table 中,如何使得单元格的内容不换行,单元格不被撑开,显示不下的时候在结尾处显示“...”

    /* 当内容超出单元格宽度时隐藏超出部分 */ text-overflow: ellipsis; /* 在内容超出时显示省略号 */ } ``` `white-space: nowrap`属性禁止了文本在单元格内换行,使所有文字都在同一行显示。`overflow: hidden`...

    第6章 表格元素.pdf

    使用&lt;tbody&gt;元素可以将表格中的主体内容部分包裹起来,有助于CSS和JavaScript的控制。 示例代码如下: ```html &lt;table&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;张三&lt;/td&gt; &lt;td&gt;男&lt;/td&gt; &lt;td&gt;未婚&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;李四&lt;/td&gt; ...

    HTML表格.docx

    表格的基本结构由`&lt;table&gt;`标签定义,其中包含了若干行`&lt;tr&gt;`和若干个单元格`&lt;td&gt;`。单元格`&lt;td&gt;`用于填充表格的数据,如文本、图片、列表、段落等。 在HTML中,表格的创建通常如下所示: ```html &lt;table&gt; &lt;tr&gt; ...

    VC6使用word2003生成报表的示例

    &lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;三、使用压缩包的测试程序,按钮二能提供的效果如下图:&lt;br&gt;&lt;br&gt;&lt;br&gt;图一 Word报表效果屏幕截图&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;四、说明:&lt;br&gt;开发环境为:vc6 + sp6 + xp_sdk&lt;br&gt;Word版本:2003企业版&lt;br...

    固定宽度表格布局设定宽度问题

    `overflow: hidden`隐藏超出单元格的内容,`text-overflow: ellipsis`添加省略号表示内容被截断,`white-space: nowrap`则阻止文本换行,以保持单元格的宽度不变。 在实际开发中,我们还可能遇到跨浏览器兼容性问题...

    第二部分 列表与表格2.doc

    &lt;td&gt;第 2 个单元格的内容&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;第 1 个单元格的内容&lt;/td&gt; &lt;td&gt;第 2 个单元格的内容&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; ``` 表格有许多属性,如`border`设置边框宽度,`width`定义表格宽度,`cellspacing`和`...

    HTML标签(下)(表格+列表+表单)

    &lt;th&gt;标签用于定义表头单元格,其内容将被加粗居中,而&lt;td&gt;标签用于定义表体单元格。两个标签的主要区别在于&lt;th&gt;标签中的文字会加粗居中。 表格属性 HTML表格还有一些其他的属性,例如border、cellpadding、...

    HTML5创建表格.pdf

    表格的基本结构包括三个部分:&lt;table&gt;、&lt;tr&gt; 和 &lt;td&gt;。其中,&lt;table&gt; 元素是表格的最外层元素,&lt;tr&gt; 元素是表格的一行,&lt;td&gt; 元素是表格中的一个单元格。一个基本的表格结构如下: &lt;table&gt; &lt;tr&gt; &lt;td&gt;单元格 1&lt;/td...

Global site tag (gtag.js) - Google Analytics