CSS如何隐藏td里面超出的文字?

html-css085

CSS如何隐藏td里面超出的文字?,第1张

display:block/*内联对象需加*/

width:31em

word-break:keep-all/* 不换行 */

white-space:nowrap/* 不换行 */

overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden一起使用。*/

一般的文字截断(适用于内联与块):

.text-overflow {

display:block/*内联对象需加*/

width:31em

word-break:keep-all/* 不换行 */

white-space:nowrap/* 不换行 */

overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */

text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden一起使用。*/

}

1、直接给td添加内联样式:

<td style="display:none">

2、给td设置一个class为"this_td",然后在内部样式表或者是外部样式表中添加:

.this_td{

display:none

}

3、给这个td起个ID为 "this_td",添加jQuery代码:

$("#this_td").hide()

扩展资料:

display 属性规定元素应该生成的框的类型。

用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。

常用的值:

none:此元素不会被显示。  

block:此元素将显示为块级元素,此元素前后会带有换行符。  

inline:默认。此元素会被显示为内联元素,元素前后没有换行符。  

inline-block:行内块元素。(CSS2.1 新增的值)  

list-item:此元素会作为列表显示。