min-width、max-width、min-height、max-height

作者：vkvi 来源：ITPOW（原创）日期：2008-8-31

min-width、max-width、min-height、max-height，设置或检索对象的最小、最大宽度、高度。

在标准的 CSS2、CSS2.1、CSS3 中均有效，但在 IE6 中无效。

<?xml version="1.0" encoding="gb2312"?>
<!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="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>ITPOW - 网页技术 永无止境</title>
<style type="text/css">
.s
{
    margin:5px;
    min-width:200px;
    max-width:500px;
    background-color:#CC6600;
    color:#FFFFFF;
    font-size:13px;
}

.s2
{
    margin:5px;
    background-color:#FF0000;
    color:#FFFFFF;
}
</style>
</head>

<body>

<table class="s">
  <tr>
    <td>内容较少，使用 min-width。</td>
  </tr>
</table>
<table class="s">
  <tr>
    <td>内容一般多，撑大表格，位于 min-width 和 max-width 之间。</td>
  </tr>
</table>
<table class="s">
  <tr>
    <td>内容非常多，撑大表格，但最大不超过 max-width。内容非常多，撑大表格，但最大不超过 max-width。</td>
  </tr>
</table>

<table class="s2">
  <tr>
    <td>没有使用 min-width 和 max-width 的表格。</td>
  </tr>
</table>

</body>

</html>

[Ctrl+A 全部选择提示：您可先修改部分代码，再按运行]

取消继承而来的 min-width、max-width、min-height、max-height，使用 none 为其赋值。
如果存在 width，则这些样式属性不起作用。

电邮：cftea@126.com