HTML代码,表格Table的列宽问题
在HTML代码中表格TABLE共3列,第一和第二列宽度固定,第三列自适应充满整个页面,我的代码是第一第二列设置了宽度,第三列没有设置宽度,结果在IE中,表格第一第二列宽度...
在HTML代码中表格TABLE共3列,第一和第二列宽度固定,第三列自适应充满整个页面,我的代码是第一第二列设置了宽度,第三列没有设置宽度,结果在IE中,表格第一第二列宽度被拉宽了,不是我设置的宽度了,但是在火狐和其他的非IE浏览器中正常。当我把第三列宽度设置为“100%”的时候,IE中显示正常,但是火狐和非IE浏览器中前两列就被第三列挤压缩了,请问怎么解决这个问题?
展开
5个回答
展开全部
给table设置style
table {
table-layout:fixed;//固定布局的算法,默认是auto,是基于表格内容的自动布局算法
谨冲携 width:100%;
}
/* 针对下面这些伪类选择符如果你使用的浏览器不支持,可以直接写在列的style里*/
td:first-child {width:10%;} //ie6+ 第一列
td:nth-child(2){ width:10%;} //ie9+ 第二列
td:last-child{width:80%;} //ie9+ 判敬 祥伏 第三列
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
浏览器不兼容,需要自己慢慢调试.
表格TABLE 设置100%
表格第一核颤码第二列洞锋宽度设置固定值px
第三列宽度改哪设定
表格TABLE 设置100%
表格第一核颤码第二列洞锋宽度设置固定值px
第三列宽度改哪设定
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<table border="1" width="100%">
<tr>
<td width="200">11</td>敏判
<td width="200">22</td>
<td width="auto">33</td>
</tr>
</table>
经测试,这个很好的解决隐拿搏你的问题灶祥
<tr>
<td width="200">11</td>敏判
<td width="200">22</td>
<td width="auto">33</td>
</tr>
</table>
经测试,这个很好的解决隐拿搏你的问题灶祥
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个问题是浏览器不兼容的问题,具体代码 你收索一下 浏览器兼容问题 就可以解决了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询