`

IE下面padding无效处理

IEJavaHTML 
阅读更多
写成如下代码：

页头改为 <!DOCTYPE html> 


<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input style="width:100px;padding:0px 100px 0px 100px;" type="text" value="12345678901234567890abcdefghijkijklmnopqrs"/>
</body>
</html>
分享到：
| 牛人5
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法

    在IE6、IE7、IE8和IE9(Q)版本浏览器中，表格单元格（td）的上下padding（内边距）设置失效的问题曾是一个常见且困扰前端开发者的问题。这个问题主要是因为在早期的Internet Explorer浏览器中，表格单元格的上下...

    盒模型的介绍，以及margin（外边距）padding（内边距）的使用.zip

    在现代浏览器中，W3C盒模型是默认模式，但在处理老版本的Internet Explorer时，需要留意这个问题。 关于`margin`和`padding`的使用，以下是一些关键点： - **值的设置**：可以单独设置每个方向的值，例如`margin: ...

    IE6 -- IE8浏览器CSS兼容性查询手册【gif格式】

    1. 盒模型：IE6和IE7默认采用“怪异盒模型”，其中content区域的宽度和高度不包括padding和border，这与W3C标准盒模型不符。在IE8（标准模式）和现代浏览器中，盒模型遵循W3C标准。开发者可以通过设置`box-sizing`...

    IE7 Ajax跨域问题

    但这种方法对IE7无效，需要结合其他策略。 3. **代理服务器**：在服务器端设置一个代理，使Ajax请求首先发送到同一域下的代理，再由代理转发到实际的目标域。这样可以避免浏览器的同源策略限制。 4. **IFrame通信*...

    IE6、7、8，火狐等浏览器常见兼容性问题整理

    - 火狐对 `padding` 的处理方式不同于 IE，导致元素尺寸变化。可以通过 IE 的 Hack 来调整。 - 使用 `line-height` 和 `vertical-align: middle;` 可以实现元素的垂直居中，但需确保内容不换行。 - `margin: 0 ...

    IE6_0、IE7_0 与FireFox CSS兼容的解决方法（网上收集）

    但需要注意的是，这种方法可能在某些情况下无效，尤其是在IE6_0和IE7_0中，可能需要额外的调整来达到理想的效果。 #### 7. Cursor属性的兼容性 `cursor:pointer`在IE6_0和IE7_0中显示为手形指针，而在FireFox中...

    IE和FireFox的CSS兼容

    `和`line-height`实现垂直居中，但在IE中无效。 10. **链接的边框和背景色**： - 为链接添加边框和背景色，需要设置`display: block`和`float: left`，防止换行。 11. **清除浮动**： - 使用`clear`属性可以解决...

    CSS表达式(expression)解决IE6 position:fixed无效问题

    废话不多说，先看一下下面这段代码： 复制代码代码如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /&gt; &lt;title&gt;IE6 ...

    IE6下伪类hover失效问题及解决办法

    这个技巧并不需要设置与子元素`:hover`相同的样式，只需要一个触发器，如`zoom`、`padding`或`margin`。 另一个例子是，如果直接对`&lt;a&gt;`标签的子元素`&lt;span&gt;`设置`:hover`，而没有为父级`&lt;a&gt;`设置`:hover`，IE6同样...

    个人CSS设计兼容性问题总结教程

    在IE6中，`height:100%`可能无效，但通过设置`position:absolute;`可以解决这个问题，不过仅限于IE7、FF等浏览器。为了解决这个问题，我们可能需要使用CSS Hack。例如，`\9`用于IE6、7、8，`\0`仅适用于IE8，`*`和`*...

    css中padding和margin的异同点介绍

    - 内联元素：对于内联元素，水平方向的margin和padding可以产生效果，但垂直方向的margin可能无效（由display属性决定），而内联元素的padding总是有效的。 - 容器模型：在CSS的盒模型（Box Model）中，margin是不...

    Android TextView 去掉自适应默认的fontpadding的实现方法

    最近在项目中使用textview时发现在使用Android:layout_height=”wrap_content”这个属性设置后，textview会有默认的padding，也就是fontpadding。这样就会造成textview和其他view中间的间距会比自己的设置的大。那么...

    IE6兼容性问题及IE6常见bug详细汇总

    8. **左浮动元素的`margin-bottom`失效**：若要解决左浮动元素底部`margin`无效问题，可以设置元素的高度，或者在父元素上使用`_padding-bottom`，或者创建一个新的标签来应用`margin-bottom`。 9. **图片底部空白*...

    jquery实现图片等比例缩放以及max-width在ie中不兼容解决

    然而，IE6（Internet Explorer 6）浏览器对CSS属性`max-width`和`max-height`的支持并不完善，这在实际应用中可能会导致图片超出容器的边界，影响页面布局。为了克服这一问题，我们可以利用jQuery来实现图片的等比例...

    同浏览器CSS样式兼容问题

    important`标记在IE7及更高版本中会被识别，但在IE6中则无效。对于IE7和FF的差异，可以使用`background:orange; *background:green;`，这里的星号(*)只会影响IE7。 另一种解决方式是利用CSS的`!important`属性。当`...

    IE9版本以下ajax 跨域问题可行解决方法

    IE9以上的版本（如IE11）在处理CORS请求时就会显得更为友好，不会像IE9以下版本那样严格。 在IE9以下的版本中，如果遇到ajax跨域请求数据失败，浏览器可能会返回错误，例如“notransport”或“没有权限”。这类错误...

    Android view更改背景资源与padding消失的问题解决办法

    * 因为android有设置背景后，padding无效的问题 * * @param view * @param resId * @author wujiajun */ public static void setBackgroundResourceWithPadding(View view, int resId) { int bottom = view....

    IE与Firefox的CSS兼容大全 推荐

    下面将详细介绍标题中提到的IE与Firefox之间在CSS兼容性方面的一些关键知识点。 首先，文档开头提到的DOCTYPE声明对CSS的影响，这是因为DOCTYPE声明能够触发浏览器的标准模式或是怪异模式，这直接关系到浏览器如何...

    div表格垂直居中.docx

    这种方法在其他浏览器中无效，但对于IE6+有良好的支持。 ```css .middle-demo-4 { height: 300px; position: relative; } .middle-demo-4 div { position: absolute; top: 50%; left: 0; } .middle-demo-...

Magicbox
Global site tag (gtag.js) - Google Analytics