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

竹子是花中君子,高雅挺立;竹子是心灵支柱,坚韧不拔;竹子是勉励之歌,节节攀升!
IE下使用form时,默认的行高会大于其内容的行高,在布局时,会出现如下我们不想要的效果

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


解决方法:在form中加上style将form的内边距和外边据去掉
复制代码
代码如下:

<form action="FrontHotelSearch" method="post" onsubmit="search()" style='padding:0px;margin:0px;'>

说道IE和FF ,chrome的兼容问题,今天在写项目的时候,也发现<img 标签中的alt 提示文字 只能在IE中实现效果

在FF,chrome不能实现,解决方法:将alt 代替成title 。

作此笔记,便于以后查阅

本文IE下如何使用form时所在行被撑高的如何解决方法到此结束。此刻不玩命,将来命玩你。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例