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

当前位置 : 首页 > 网页制作 > CSS > IE下使用form时所在行被撑高的解决方法

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

来源: 作者: 时间:2015-11-04 11:06
IE下使用form时,默认的行高会大于其内容的行高,在布局时这种效果是我们不希望看到的,我们可以通过在form中加上style将form的内边距和外边据去掉,下面有个不错的示例,感兴趣的朋
IE下使用form时,默认的行高会大于其内容的行高,在布局时这种效果是我们不希望看到的,我们可以通过在form中加上style将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 。

作此笔记,便于以后查阅
Tag:
网友评论

<