虚位以待(AD)
虚位以待(AD)
首页 > 网页特效 > DIV+CSS > IE下使用form时所在行被撑高的解决方法

IE下使用form时所在行被撑高的解决方法
类别:DIV+CSS   作者:码皇   来源:互联网   点击:

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 。

作此笔记,便于以后查阅
相关热词搜索: IE form 行被撑高