网络编程
位置:首页>> 网络编程>> 网页设计>> 解决IE中长按钮的显示问题(2)

解决IE中长按钮的显示问题(2)

作者:ximicc 来源:西米CC 发布时间:2008-06-24 12:06:00 

标签:按钮,ie,浏览器

原文地址:Button Width in IE - Revised

《解决IE中长按钮的显示问题》一文中,我们介绍了如何消除IE中长按钮左右边无故出现“补白”的问题。但是,但我们把按钮放到表格单元格中的时候,新的问题又出现了。

当我们把一个长按钮放到红色边框的单元格中时,即使我们把单元格的宽度设置得比按钮小,仍会出现以下状况:

针对按钮本身,我们跟前文一样,通过设置width:auto和overflow:visible来获取理想的宽度,而对于按钮所处的单元格,我们就要使用一个简单的hack,通过添加一个附加的“注释”来对width进行重定义:


<style>
td {
        border:1px solid red;
}
.button {
        margin:0;
        padding:0.25em;
        width:auto;
        overflow:visible;
}
</style>
<!--[if IE]>
<style>.button{width:1px;}</style>
<![endif]-->

这里是一张展示问题和解决方法的示例页面

注:原文中使用的仍然是width:1,经本人测试没有通过,修改为width:1px后正常。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com