使用js或者css实现text表单标签超出限定长度自动换行？

gf1990 2011-06-19 08:23:52

在html中，有一个text，具体为<input name="descri" type="text" id="eqment_descri" value="$!descri" style="width:200px; height:150px;"/>需要在里面输入相关内容，然后实现输入长度超过200px自动换行。不要使用textarea等其它控件，就使用text控件。请高手帮忙解答？

...全文

1020 7 打赏收藏转发到动态举报

写回复

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

挨踢直男 2011-06-20

打赏
举报

回复

input text是单行的

燥动的心 2011-06-20

打赏
举报

回复

[Quote=引用楼主 gf1990 的回复:]
就使用text控件。请高手帮忙解答？
[/Quote]
这个不太可能吧,每个字符的宽度不一样,怎么计算..

lsw645645645 2011-06-20

打赏
举报

回复

帮顶

relcome 2011-06-20

打赏
举报

回复

input[type=text]是输入框不是文本框，不过你可以用div来模拟一个输入框加文本框

thinkway 2011-06-20

打赏
举报

回复

input（type=text）控件允许换行？

飞跃颠峰 2011-06-19

打赏
举报

回复

顶1楼

inetfuture 2011-06-19

打赏
举报

回复

为什么不能用textarea text好像不能换行吧

本文系统讲解CSS中white-space、text-overflow与overflow配合实现单行文本强制不换行的完整方案，涵盖white-space五种取值的排版逻辑、text-overflow生效前提（需overflow:hidden及BFC）、Flex/Grid布局下的min-width冲突与flex-shrink修复、响应式适配技巧，以及API路径、商品标题、国际化昵称等真实业务场景的鲁棒实现。

本文系统阐述XPath在Playwright自动化测试中的不可替代价值，重点覆盖7类高频实战语法（如相对路径、text()与contains()文本匹配、属性模糊匹配、兄弟/父子关系定位、索引安全用法、布尔组合及函数链式调用），并深入剖析5大实操陷阱（如隐式等待失效、iframe作用域、动态ID应对、evaluate兼容性雷区、全局扫描性能问题）。同时提供Chrome DevTools与Playwright Inspector双调试工作流，以及选择器决策树等最佳实践。

本文深入解析Sqribble这一云原生文档自动化系统，聚焦其以模板为核心的四大模块：模板与资产管理中心（结构化栅格、字体/色彩体系、智能占位符）、内容摄取与转换引擎（URL抓取、Word导入、结构化语义标签）、布局与渲染引擎（智能分页、视觉层级、自动元素、响应式预览）以及交互式编辑器与交付层（拖拽操作、属性面板、全局样式、PDF导出与客户门户）。强调其在专业PDF生成中的生产力跃迁价值，适用于电子书、白皮书、手册等结构化文档场景。

本文深入剖析querySelector与querySelectorAll的核心差异：单点实时引用 vs 批量静态快照，并系统阐述CSS选择器在DOM操作中的深度复用，涵盖层级关系、属性选择器、伪类选择器等实战能力。同时解析性能瓶颈（作用域陷阱、选择器复杂度）、安全边界（null引用、iframe限制）及完整排错链路，最后给出状态管理、查询抽象层、事件委托和性能监控等进阶工程实践。

本文深入解析querySelector与querySelectorAll的核心机制与工程实践，涵盖作用域陷阱、伪类选择器支持边界、NodeList特性及性能实测数据。重点剖析动态DOM下null安全封装、懒查询（MutationObserver）、跨框架兼容性及缓存节流优化策略，强调其相比getElementsBy*系列在表达力、一致性与性能上的显著优势，为前端开发者提供可落地的DOM定位最佳实践。

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章