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

最新推荐文章于 2024-07-03 21:10:53 发布
原创 最新推荐文章于 2024-07-03 21:10:53 发布 · 847 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#css #html
本文介绍了在Internet Explorer (IE) 浏览器中遇到的兼容性问题，包括如何调整form元素的样式来统一不同浏览器的表现，并讨论了替换img标签的alt属性为title属性的方法以确保跨浏览器的一致体验。


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 。


作此笔记，便于以后查阅

element ui缩小行高
诚的博客
03-18 1856
在 el-form-item 标签中加入如下样式 margin-bottom:0px
el-table使用el-form-item校验导致行高增加的问题
盈于心胸，充塞天地
04-29 1398
style="margin-bottom: 0px" 可以在无校验消息时，不增加el-form-item的高度。:inline-message="true"可以在有校验消息时，撑开el-form-item的高度。完整代码（只需要看el-form-item即可）补充完表单数据无报错消息的效果。
【实习小tip】el-form设置label文字宽度、设置el-label和el-input等高、服务器端（接口）方式URL Scheme获取
fangyuan__的博客
08-18 5574
el-form设置label文字宽度、设置el-label和el-input等高、服务器端（接口）方式URL Scheme获取
Element-ui中Form表单修改文本域高度
子非鱼的博客
09-04 6791
<el-form-item label="活动形式"> <el-input type="textarea" v-model="form.desc"></el-input> </el-form-item> 在<el-input type="textarea" v-model="form.desc"></el-input> 加上属性 :rows="2" 默认是2 你想调整 高一点可以更改这个数字 ...
element-ui el-form-item高度异常问题
m0_47659279的博客
08-21 5548
问题描述：在el-form-item中包el-input组件，当el-input的字体大小为12px时（也就是el-form或el-input的size为mini时），el-form-item高度会莫名其妙增加1px。 解决方案：将.el-form-item__content的line-height设为0。
本人遇到的在ie中出现的jquery.form.js拒绝访问的解决方法
chlg151的专栏
12-09 7413
以前遇到的问题，关于jquery.form.js的ie中拒绝访问，在以前的文章里提到过，下面给出原因以及解决方法。          在ie中除非你点击file控件的浏览按钮，否则是没有权限去上传文件的，也就是说不可以通过js来控制file控件value的方法上传文件。如果觉得file难看的话，可以动过css样式来隐藏file，以及一些处理来使file变得好看些。下面是我的处理方法。以前的js不
兼容IE8的file单文件上传（jquery.form+formdata）
qq_42708369的博客
05-30 3984
文章链接：https://blog.csdn.net/spw55381155/article/details/79891297 IE8后台返回json串会弹框要下载，所以要将响应头设置成‘text/html’. 一、HTML //防止表单重复提交，看需求 //高版本只选...
IE和FireFox 对FORM enctype属性的认识存在差异
weixin_30507481的博客
01-03 136
IE和FireFox 对FORM enctype属性的认识存在差异，一般来说对于动态创建的form，如果因为要上传文件的原因很自然的会使用类似如下的代码： 1//createform 2this.form=document.createElement("FORM");3this.form.id="jasonUploadForm";4this.form.name=...
IE访问Oracle EBS打不开Form的问题
chengyue2007的专栏
12-23 3442
一般win7系统有两个浏览器，其中64位的浏览器是打不开的，只有用32位的那个浏览器能够打开 当用IE访问oracle ebs的时候，可能会出现能登录进oracle ebs系统，但是却打不开form，会提示出错，或是提示连接服务器出错，或是提示没有安装JRE，这个时候可以使用如下方式解决。 图1：IE浏览器设置 解决方法： 如果你之前电脑中已经安装有JRE运行环境，但是仍然会出现这样...
Element-ui设置自定义的行高
shimily_liu的博客
07-07 377
Element-ui设置自定义的行高 直接上代码： 最重要的就是这两句
基于el-form实现自动展开/收起的查询条件组件
不畏惧被人讨厌而是勇往直前，不随波逐流而是激流勇进，这才是对人而言的自由。
11-30 5481
基于el-from 实现 查询条件 的自动 展开与收起 SearchFilter
调整el-form行距
Cabriella_的博客
02-20 3511
解决el-form行距
vue中form、table和input标签过长
qq_53121751的博客
08-23 1955
mouseenter是method方法，判断标签是否超长，你可以根据注释的console.log()语句打印结果，选择适合的大小判断，|message2是过滤器，就是超长后，原表单显示的内容，content是超长显示的内容，disabled是判断是否显示（鼠标放上去，tooltip是否显示全标签内容）
Vue如何调整表格行高
TechRoar的博客
10-04 1111
这样，无论你选择使用CSS样式还是Vue组件，都可以轻松地调整表格的行高。根据你的实际需求，选择适合的方法进行使用。在Vue中，要调整表格的行高，可以通过CSS样式或者Vue组件的方式来实现。下面我将为你提供两种方法来修改表格行高。首先，在你的Vue组件中，可以通过为表格添加自定义的CSS类来修改行高。除了使用CSS样式，你还可以创建一个Vue组件来自定义表格的行高。在上面的代码中，我们创建了一个名为。在上面的代码中，我们为表格的。在自定义表格组件中，我们使用。的自定义表格组件，并通过。
ElementUI中的el-table解决宽度问题 - 根据内容自动撑开
最新发布
觉醒法师的专栏
07-03 1万+
在使用element-ui中，会发现表格组件el-table在未指定宽度情况下，会自动计算并给表格宽度赋值。但实际开发中，有时需要根据内容实际长度自动撑开显示，由内容的多少而决定表格的宽度，而不是默认宽度为100%。在默认情况下表格宽度为100%显示，并且列项未指定宽度情况下，剩余部分会平均分配宽度，本案例实际需求是由内容自动撑开显示。componentUpdated
vue封装el-form实现高度配置化
hbfuas的博客
11-26 6739
封装： <template> <el-form v-bind="$attrs" v-on="$listeners" ref="form"> <el-form-item v-for="(item,index) in items" v-bind="getItemAttrs(item)" v-on="getItemListeners(item)"> <template v
踩坑记18 vue 组件折叠 v-show | 深度合并对象 deepmerge | el-checkbox-group size设置无效 | el-form中元素高度、垂直间距不统一
Alloom的博客
09-01 2082
2021.9.1 坑57（组件折叠）：简单实现向左折叠，无动画。效果是点击带箭头的长条（加了背景色方便查看）改变折叠状态。思路是外层包裹flex自动左到右排列，使用v-show控制内层元素显示，图标使用@element-plus/icons。 <template> <div class='viewBox'> <AItem v-show="isShowAItem" /> <div class='ArrowForAIt...
vue element-ui form表单重置 快捷方法
热门推荐
hlvy
08-24 5万+
点重置快速清空的方法 &lt;el-form status-icon :rules="rules" :model="ruleForm" ref="ruleForm" :label-position="labelPosition" label-width="100px"&gt; &lt;titleInfo&gt;
Form FormItem的水平、垂直间距控制
SpallationMetamorph的专栏
10-29 3568
flex组件的属性很多，不会每一个组件的每一个属性都去研究一遍，在项目中对表单的布局有比较严格的要求，需要组件尽量紧凑，排列的时候使用到了以下几个重点属性 ①Form 1.verticalGap:2;控制同一个Form中两个FormItem之间的垂直距离   ②FormItem   1.direction="vertical|horizontal" 控制子项排布为垂直或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值