javascript - 自动换行不起作用

标签 javascript html css

我刚刚创建了一个 div。当我键入内容时,我会提供一个 White-space: Normal 函数来自动换行。此功能适用于 Chrome、Opera 和 Safari 浏览器。但是在 Mozilla Firefox 和 Edge 浏览器中没有换行。我还尝试了 Word-wrap: break-word 功能。这也不起作用。请给我一个解决方案。

<div class = "list-name-field" id = "SAVE_LIST" style = "white-space: normal; width: 240px; min-height: 35px; border-radius: 3px; margin-left: auto; margin-right: auto; background-color: #ccc; margin-top: 5px; " contenteditable = "true" data-placeholder = "Add a List..."></div> 

最佳答案

如果需要打断一个长单词,需要加上word-break: break-all

<div class = "list-name-field" id = "SAVE_LIST" style = "white-space: normal;word-break: break-all; width: 240px; min-height: 35px; border-radius: 3px; margin-left: auto; margin-right: auto; background-color: #ccc; margin-top: 5px; " contenteditable = "true" data-placeholder = "Add a List..."></div> 

关于javascript - 自动换行不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38827202/

相关文章:

html - 单类与多类

html - bootstrap 4 下拉没有右对齐

javascript - 按住按钮连续滚动 ReactJS

javascript - 这段 Javascript 代码中发生了什么?

javascript - ES 2017 : async function vs AsyncFunction(object) vs async function expression

javascript - 如果没有转义任何内容,单引号/双引号有什么区别吗?

javascript - django找不到静态文件

html - 响应式表格 html,css

javascript - 如何将 javascript 变量值分配给文本框 - 在 PHP 中

javascript - 在没有jQuery的情况下悬停父绝对div的子元素时防止onmouseout