`
toafu
  • 浏览: 11585 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

解决IE和FF下textarea换行不一致的问题

阅读更多

在IE下,输入到textarea的字符长度如果超过textarea的显示宽度,会出现自动换行,如果不是以明确px限定textarea的宽度(比如使用百分比),重新显示这个textarea时会发现textarea自动变宽,以在一行内容纳所有已输入的字符。这在某写情况下会打乱页面的布局,比如这个textarea是放在一个DIV的dialogue中。

而在FF下,则不会出现自动换行的情况,FF自动为超出textarea宽度的字符增加水品滚动条以便拖动显示。即使重新显示textarea,也不会有自动变宽的变化。所以FF对于textarea的支持是不变的,从而是稳定的。

在网上搜到一些解决方案,看来很多人碰到了类似的问题,最终选定两个资料以备参考:

如何统一textarea在IE、Firefox下的效果
统一textarea在IE、Firefox下的效果

我最终选择的方案就是用px限定textarea的宽度,这样在FF和IE下的显示基本一致,除了IE下仍然会自动换行,但这样的宽度限定最大的好处就是不会让IE的自动变宽扰乱整个布局。

在解决浏览器兼容问题时,的确是有些问题需要仔细考虑的:

1.急需解决的到底是什么问题,是客户的需求,还是让页面在不同浏览器下表现一致

2.不同的解决方案会有怎样的后果,哪种更切合客户的需求

3.不同的解决方案的投入产出比

这些问题的答案,决定着投入的时间和工作量的相比,是不是有这个必要非得花工夫去找一些奇技淫巧来解决本无需过分关注的问题,从而忽略了最重要的客户需求。

 

3
0
分享到:
评论

相关推荐

    textarea 在IE和FF下换行无法正常显示的解决方法

    然而,由于浏览器之间的兼容性问题,特别是在Internet Explorer(IE)和Firefox(FF)之间,`textarea` 的换行处理可能会有所不同,导致显示不一致。这个问题通常出现在用户在`textarea` 中输入文本,然后将这些文本...

    js计算字符个数回车换行兼容所有浏览器.rar

    //兼容IE7,8,FF var testStr3 = testStr2.replace(/\r\n\r/g, "\r\n"); //兼容IE9 zfid[removed]=testStr3.length; } [removed] </head> <body <textarea id="zfara" 您当前输入了 </...

    Ajax异步提交数据返回值的换行问题实例分析

    前面分析介绍了《Javascript基于AJAX回调函数传递参数》及《IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别》,学习了ajax回调函数传参与针对不同浏览器处理中文乱码问题的方法。这里就来分析一下ajax异步提交...

    编辑器 KindEditor 4.0.4

    编辑器 KindEditor 4.0.4 KindEditor 是一套开源的在线HTML... Bugfix: 分页符在不同浏览器下生成的HTML代码不一致。 Bugfix: [IE6-7] 插入URL里有大写字符的图片,右键点击选择图片属性,更改图片属性后图片不能显示

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    ExtAspNet_v2.3.2_dll

    -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,用来定时发起AJAX请求。 +2009-09-06 v2.1.0 -Button的Pressed属性值能够正确的反映客户端的变化。 -优化...

    interviewee-web&java

    CSS Hack是一种技术手段,用于解决不同浏览器对CSS的支持差异问题。主要有以下几种类型: - **条件Hack**:仅适用于Internet Explorer浏览器。 ```html <!--[if IE]> .test { color: red; } <![endif]--> ...

    javascript 使用技巧

    此方法适用于IE浏览器,且需在安全设置允许的情况下运行。 #### 6. 无效循环示例 ```javascript for (var i = 2; i ; i++) {} ``` 这是一个无效的循环,因为初始化的`i`值永远不会满足循环条件,故循环体内的代码...

    js使用小技巧

    JavaScript是Web开发中不可或缺的一部分,这里我们探讨一些实用的小技巧,可以帮助你提升代码效率和用户体验。 1. **设置收藏图标**: 在HTML头部添加`<link>`标签,可以为浏览器收藏夹设置自定义图标,例如: ``...

Global site tag (gtag.js) - Google Analytics