千家信息网

如何解决IE下使用form时所在行被撑高的问题

发表于:2025-01-22 作者:千家信息网编辑
千家信息网最后更新 2025年01月22日,这篇文章将为大家详细讲解有关如何解决IE下使用form时所在行被撑高的问题,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。IE下使用form时,默认的行
千家信息网最后更新 2025年01月22日如何解决IE下使用form时所在行被撑高的问题

这篇文章将为大家详细讲解有关如何解决IE下使用form时所在行被撑高的问题,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

IE下使用form时,默认的行高会大于其内容的行高,在布局时,会出现如下我们不想要的效果

我们期望是这样,在FF和chrome可以实现下面的效果,但IE不行


解决方法:在form中加上style将form的内边距和外边据去掉

代码如下:




说道IE和FF ,chrome的兼容问题,今天在写项目的时候,也发现
在FF,chrome不能实现,解决方法:将alt 代替成title 。

关于如何解决IE下使用form时所在行被撑高的问题就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

0