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


这一效果的主要属性为:overflow。值:hidden!
这样就可以实现了!

例如:width:300px;height:150px;overflow:hidden;
表格宽300,高150。当表格中的内容超过这一设定值时,则自动隐藏!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dw8.cn</title>
<style type="text/css">
#yc {
width:180px;
height:100px;
overflow:hidden;
}
</style>
</head>
<body>
<div id="yc">
<table cellspacing="0" cellpadding="0">
<tr>
<td>dw8.cn 专业Div+CSS教程 dw8.cn 专业Div+CSS教程 dw8.cn 专业Div+CSS教程 </td>
</tr>
<tr>
<td>dw8.cn 专业Div+CSS教程 dw8.cn 专业Div+CSS教程 dw8.cn 专业Div+CSS教程 </td>
</tr>
<tr>
<td>dw8.cn 专业Div+CSS教程 dw8.cn 专业Div+CSS教程 dw8.cn 专业Div+CSS教程 </td>
</tr>
</table>
</div>
</body>
</html>

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3