这一效果的主要属性为：overflow。值：hidden！
这样就可以实现了！
例如：width:300px;height:150px;overflow:hidden;
表格宽300，高150。当表格中的内容超过这一设定值时，则自动隐藏！
示例代码浏览：http://tech.ddvip.com/yssl/29811/29816_1.html
时间： 2024-09-29 03:28:19
CSS定义表格溢出时的自动隐藏
CSS定义表格溢出时的自动隐藏的相关文章
CSS控制文字溢出时的自动隐藏方法
代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
网页制作时CSS对文字溢出时的自动隐藏处理
css|网页 overflow 属性说明: 版本:CSS2 兼容性:IE4+ NS6+ 继承性:无语法:overflow : visible | auto | hidden | scroll 相关参数说明如下: visible::不剪切内容也不添加滚动条.假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小.并且clip属性设置将失效. auto:此为body对象和textrea的默认值.在需要时剪切内容并添加滚动条 hidden:不显示超过对象尺寸的内容.scroll
CSS 文字溢出时的自动隐藏
语法:overflow : visible | auto | hidden | scroll visible::不剪切内容也不添加滚动条.假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小.并且clip属性设置将失效. auto:此为body对象和textrea的默认值.在需要时剪切内容并添加滚动条 hidden:不显示超过对象尺寸的内容. scroll:总是显示滚动条. 实例 代码如下 复制代码 body { overflow: hidden; } div { ov
如何用CSS定义表格与模拟表格
css 在这里~首先要说明的~我不是推荐大家使用表格布局,而是跟大家说明在显示大批量的数据时~还有表格可以用,而用DIV可以模拟出绝大部分以前的表格布局跟数据显示,在后面会讲些代替表格的显示方式.同时,因为找详细的中文介绍.英文的水平又有限.看W3C那介绍~有些地方可能理解错误,如果有发现的朋友请帮忙指出. [1]表格应用 1表格的基本标签 2分析表格的基本标签3基本演示 [2]层模拟表格1模拟前的建议 2两列多行的数据显示 3三列多行的数据显示 表格应用 1.表格的基本标签: TABLE {
如何用css定义表格自动换行，避免变形
今天早上一样开例会,指出了我一个页面的错误,层被撑开了 当时还比较郁闷,因为我是用中文测试的,没有问题 他们让我改英文,完蛋了,面目全非,我哑口无言 改吧,没办法啊,技术不到家啊~555~~ 以上纯属发牢骚,大家可以省过,找来的解决方案,记录一下,方便以后查找 ===================================================== style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: brea
CSS解决表格或图片内容将页面撑开的办法
css|解决|页面 在制作页面,添加资料的时候,可能会遇到这种情况,客户提供的表格数据太宽,把页面撑开了,我也遇到这样的问题,当我尽量给表格减肥,发现还是不行的时候,偶忽然想到了overflow:auto,这个属性. 在这个大的数据表格外面套一个div,class是box,页面源码 <div class="box"> <table> ...... </table> </div> css这样写 .box{width:520px; overf
div+css 宽度自动隐藏并且显省略号
css教程 div宽度自动隐藏并且显省略号 <html xmlns="http://www.jzread.com/1999/xhtml"> <head> <title>css div宽度自动隐藏并且显省略号</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到&
css div宽度自动隐藏并且显省略号
<html xmlns="http://www.111cn.net/1999/xhtml"> <head> <title>css div宽度自动隐藏并且显省略号</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <!--把下面代码加到<head>与</head&g
用css实现文字的自动隐藏
css 不可换行 <NOBR></NOBR> (不换行) overflow版本:CSS2 兼容性:IE4+ NS6+ 继承性:无 语法: overflow : visible | auto | hidden | scroll 参数: visible : 不剪切内容也不添加滚动条.假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小.并且clip属性设置将失效 auto : 此为body对象和textarea的默认值.在需要时剪切内容并添加滚动条 hid