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

yibin 2015-02-09 建站源码 199

这一效果的主要属性为: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>52css.com</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>www.16sucai.com 16素材 www.16sucai.com 16素材网www.16sucai.com 16素材网</td></tr>
<tr><td>www.16sucai.com 16素材网 www.16sucai.com 16素材网www.16sucai.com 16素材网 </td></tr>
<tr><td>www.16sucai.com 16素材网 www.16sucai.com 16素材网www.16sucai.com 16素材网 </td></tr></table></div></body></html>


扫码添加微信

13013082126 扫描微信 建站咨询 优化咨询