CSS让表格的溢出内容隐藏起来

css

<div style="width:150px;height:50px;overflow:hidden;"><table cellspacing="0" cellpadding="0"><tr><td>网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧</td></tr><tr><td>网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧</td></tr><tr><td>网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧网页陶吧</td></tr></table></div><script language="Javascript"> var now = new Date(); document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); </script> <noscript> <img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> </noscript>

时间： 2025-01-20 07:21:10

CSS让表格的溢出内容隐藏起来的相关文章

CSS+DIV表格背景透明内容不透明

  <style type="text/CSS"> /*---DW8 www.DW8.ORG---*/ <!-- body {      background-color: #0066FF; } #div1 {      position:absolute; /*---这里定义层不随表格透明而透明 这样就可以使表格透明的时候表格里的 内容和图片不跟着透明了---*/ } table { background-color:#FFFFFF; filter:alpha(op

CSS定义表格溢出时的自动隐藏

这一效果的主要属性为:overflow.值:hidden! 这样就可以实现了! 例如:width:300px;height:150px;overflow:hidden; 表格宽300,高150.当表格中的内容超过这一设定值时,则自动隐藏! 示例代码浏览:http://tech.ddvip.com/yssl/29811/29816_1.html

CSS 将超出显示宽度的内容隐藏起来

实现原理: (1)指定宽度:width:300px; (2)overflow:hidden; 将超出内容隐藏 (3)text-overflow:ellipsis; IE 专有属性,当对象内文本溢出时显示省略标记(-) (4)white-space:nowrap; 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象  代码如下 复制代码 <style type="text/css"> .textOverFlow {     width:300px;     over

css ul li-如何让ul li 的溢出内容的显示为....

问题描述 如何让ul li 的溢出内容的显示为.... .hotdiscuss{ border:1px solid; width: 685px; height: 500px; margin-top:10px; float: left; } .hotdiscuss li{ width:330px; height:40px; margin:3px; float:left; display:block; } 我已经让ul li 2行显示再换行显示的. 怎么让 li里面显示溢出的内容显示为......符

jxl中怎么设置导出的excel表格加密或者设置表格内容隐藏不可读

问题描述 jxl中怎么设置导出的excel表格加密或者设置表格内容隐藏不可读 jxl中怎么设置导出的excel表格加密或者设置表格内容隐藏不可读 解决方案 得到Sheet对象后,调用其getSettings() 方法会返回一个SheetSettings对象.而SheetSettings对象有一个setPassword(String s)方法可以用来设置密码.

css实现表格td 自动换行样式

给长地址的单元格应用样式:  代码如下 复制代码 word-wrap: break-word;word-break:break-all; <td style="word-wrap: break-word;word-break:break-all;" width="200"></td> 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准.  代码如下 复制代码 #w

20 个精美的Ajax + CSS 的表格效果

20 个功能强大,外观漂亮的基于Ajax + CSS 的表格效果,你可以从这些示例中学习怎么使用这些表格提供的排序和过滤的功能来组织表格中的数据.现在让我们来看看这些表格: #1. TableclothTablecloth 由CSS Globe 开发,是一个轻量级的.易于使用的表格,以友好的方式将样式和行为添加到你当前的HTML 表格元素当中. #2. Ask the CSS Guy TableAsk the CSS Guy Table 演示了怎么样创建一个可以显示数据之间的关系的表格,例如在单

用CSS设置表格边框的语法详解

css|详解|语法      我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框. 有关表格边框的css语法 具体内容包括:上边框宽度.右边框宽度.下边框宽度.左边框宽度.边框宽度.边框颜色.边框样式.上边框.下边框.左边框.右边框.边框.宽度.高度.有关标签等. 1.上边框宽度 语法: border-top-width: <值> 允许值: thin

使用CSS改变表格边框样式

css 用CSS改变表格边框样式,很实用的一种方法. 制作方法: 将下面的代码复制到<body>~</body>里,此为隐藏下边框 <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom-width: 0" bordercolor="#111111&