html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

IE下使用form时所在行被撑高的解决方法_浏览器兼容教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:IE下使用form时,默认的行高会大于其内容的行高,在布局时这种效果是我们不希望看到的,我们可以通过在form中加上style将form的内边距和外边据去掉,下面有个不错的示例,感兴趣的朋友可以参考下
IE下使用form时,默认的行高会大于其内容的行高,在布局时,会出现如下我们不想要的效果 CJzHTML5中文学习网 - HTML5先行者学习网
 CJzHTML5中文学习网 - HTML5先行者学习网
我们期望是这样,在FF和chrome可以实现下面的效果,但IE不行 CJzHTML5中文学习网 - HTML5先行者学习网
 CJzHTML5中文学习网 - HTML5先行者学习网
CJzHTML5中文学习网 - HTML5先行者学习网
解决方法:在form中加上style将form的内边距和外边据去掉 CJzHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
CJzHTML5中文学习网 - HTML5先行者学习网
<form action="FrontHotelSearch" method="post" onsubmit="search()" style='padding:0px;margin:0px;'> CJzHTML5中文学习网 - HTML5先行者学习网
CJzHTML5中文学习网 - HTML5先行者学习网
说道IE和FF ,chrome的兼容问题,今天在写项目的时候,也发现<img 标签中的alt 提示文字 只能在IE中实现效果 CJzHTML5中文学习网 - HTML5先行者学习网
CJzHTML5中文学习网 - HTML5先行者学习网
在FF,chrome不能实现,解决方法:将alt 代替成title 。 CJzHTML5中文学习网 - HTML5先行者学习网
CJzHTML5中文学习网 - HTML5先行者学习网
作此笔记,便于以后查阅
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助