解决IE中长按钮的显示问题
作者：ximicc 来源：西米CC 发布时间：2008-06-24 12:06:00
标签：按钮,ie,浏览器
有没有曾经为IE浏览器中长按钮莫名其妙的padding感到困扰？在分析解决方法之前，我们首先来看一下问题所在。在IE中，如果按钮文本比较长，按钮的左右边就会出现不同程度的空隙：
在IE中长按钮会出现额外的长度，看起来似乎是因为它依据错误的字号来计算按钮长度，改变按钮元素的内外边距也无法解决问题。来看一下第一个实验，利用下列代码去除按钮的Padding和Margin：
.button{
margin:0;
padding:0;
}
问题并没有得到解决，原因似乎是出在width上。我们通常会使用width:auto来解决一些问题，但是在这里也起不到任何帮助：
.button{
width:auto;
}
另外一个思路就是把按钮的长度直接设置为较小的值，使其容纳不下长文本，然后通过设置“溢出可见”让文本来撑大按钮的长度。这种方法在IE中有了预想中的效果，但是火狐浏览器却会忽略overflow的设置：
.button{
padding:0.25em 0.25em;
width:1px;
overflow:visible;
}
注：原文中没有为长度设置单位，使用的是width:1，测试了一下，在IE和FF中都能正常显示。
在IE中似乎只有当overflow设置为visible时，width:auto才能起作用：
.button{
padding:0.25em 0.25em;
width:auto;
overflow:visible;
}
原文地址：Button Width in IE
0
投稿猜你喜欢
目录假想场景基本思路pywinauto方案win32gui方案更一般的方案利用Python进行Excel自动化操作的过程中，尤其是涉及VBA- 微信好友全头像话不多说，直接上代码import itchatimport mathimport PIL.Image as Imageimpo
- 前言之前做的一个需求，简化描述下就是接受其他组的 MQ 的消息，然后在数据库里插入一条记录。为了防止他们重复发消息，插入多条重复记录，所以在
- numpy库概述numpy库处理的最基础数据类型是由同种元素构成的多维数组，简称为“数组”数组的特点：数组中所有元素的类型必须相同数组中元素
- 前言正则表达式是对字符串提取的一套规则，我们把这个规则用正则里面的特定语法表达出来，去匹配满足这个规则的字符串。正则表达式具有通用型，不仅p
- 一、文章前言此文主要实现识别人体的轮廓范围，与背景进行分离并保存效果图，适用于拍照背景替换及透明背景的人像图（png格式）转换。二、具体流程
- 获取要爬取的URL爬虫前期工作用Pycharm打开项目开始写爬虫文件字段文件items# Define here the models fo
- 首先，通过WAMP打开mysql控制台。提示输入密码，因为现在是空，所以直接按回车。然后输入“use mysql”，意思是使用mysql这个
- MySQL 8.0.27 下载、安装与配置 超详细教程（Windows64位），供大家参考，具体内容如下1.官网下载1.下载地址：MySQL
- 开始我们将通过示例介绍偶数列表以及在 Python 中创建偶数列表的不同方法。什么是偶数本教程展示了如何在 Python 中制作偶数列表。
- 学习 Python 时，尤其是在进行文件操作和数据处理时，经常会处理路径问题。最常用和常见的是 os.path 模块，它将路径当做字符串进行
- 先来了解下什么是数据库连接池数据库连接池技术的思想非常简单，将数据库连接作为对象存储在一个Vector对象中，一旦数据库连接建立后，不同的数
- 环境：python3 + unittest + requestsExcel管理测试用例，HTMLTestRunner生成测试报告测试完成后邮
- 本文实例讲述了python实现简单的计时器功能函数。分享给大家供大家参考。具体如下：此函数通过python实现了一个简单的计时器动能：
- 如下所示：import pandas as pd from pandas import * import numpy as np data
- 内网的主机都是自动分配ip地址，有时候需要查看下有那些ip在使用，就写了个简单的脚本。linux和windows下都可以用，用多线程来pin
- 1.较复杂的查询操作1.1 参数占位符 #{} 和 ${}#{}:预处理符，如将id=#{2}替换为id=?，然后使用2替换?。${}:替换
- 其中使用到一个分页类CPaging 代码如下:Class CPaging Public RS
- 说到JavaScript中声明变量的几种方法也就是var、let、const了，let和const是es6中新增的命令。那么它们之间有什么区
- Pytorch中的model.train() 和 model.eval() 原理与用法一、两种模式pytorch可以给我们提供两种方式来切换
