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>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>

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Grow your business fast with

Suku