Question

求助：CSS怎么 设置某个表格的最小宽度

就像图片显示的那样，一个表格分为4列
我想让前面3个表格固定宽度为300dx
第四个表格最小宽度为300dx，并随着浏览器的宽度变化，不会宽度不小于300dx

现在的代码如下：

<div class="a_mu"><div id="dzf" class="cl" style="text-align:left;">
<style type="text/css">
.pg_index #pt .y { height: 28px; overflow: hidden; }
.mlt li .cl { height: 18px; overflow: hidden; }
.mlt li .c { height: auto!important; }
#pp {zoom:1;}
#dzf{margin-bottom: -1px;padding:15px 0;border: solid #CDCDCD;border-width: 0 0 1px;background: #F5F7F9;line-height:160%;}
#dzf p{width:300px;text-indent:10px;}
.dzfbl{border-left:1px solid #FFF}
.dzfbr{border-right:1px solid #DDD}
#dzf em{display:block;color:#D3DFDF}
#dzf .xg2{color:#666}
#dzf em a{color:#369}
#scbar td { padding: 0 !important; }
</style>
现在的情况是，浏览器缩小以后，第四格就换行了，跑到第一个下面去了

Answer 1

你得在你的table里面加上一个这样的属性叫“最小宽度值”：min-width：1200px；
这样你的表格就不会因浏览器输小而换行了。不过此属性IE6是不认的

Answer 2

很简单在你的TD里面再加一个层,设宽度为200 把td撑起来! 用id 选择如果是td标签的话不用设置最小宽度呢，只用设width就可以了，超出会自动撑开

追问

我很菜，可以帮忙把改好的贴出来吗？ 非常感谢...

Answer 3

HTML的表格语法支持直接用像素定义表格的宽度和列的宽度，且不会随着浏览器的宽度变化而变化。

Answer 4

百度一下你就知道了