javascript - 可编辑的 Div 不换行

标签 javascript css

我的 div 没有像预期的那样使用react(可编辑)。 它在键入时继续处理文本:

text overflows inside div

我需要让它自动换行,我不知道它是 css 部分还是 JS 部分,我尝试了我能在互联网上找到的所有 css 部分。 Hare 是我的 div CSS:

height: 600px;
width: 1100px;
clear: left;
line-height: 14pt;
float:left;
overflow:hidden;

最佳答案

word-wrap:break-word;display:inline-block; 一起使用:

    #mydiv{
        display:inline-block;
        word-wrap:break-word;
        height: 600px;
        width: 300px;
        clear: left;
        line-height: 14pt;
        float:left;
        overflow:hidden;
    }
<div id='mydiv'>   
Please,couldyoustopthenoiseI'mtryingtogetsomerestFromallthunbornchickenvoicesinmyheadWhenIamking,youwillbefirstagainstthewall
</div>

关于javascript - 可编辑的 Div 不换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43659788/

相关文章:

javascript - 从左侧滑入

javascript - Ajax抓取: getElementByTagName as plaintext

javascript - 在文件夹中搜索文件名的部分内容

javascript - 调用 eval 的 Jest 测试函数

javascript - 使用 .map 影响整个对象(使其未定义)而不是更新属性

Jquery 手机 : Custom Header w/background image + navbar

javascript - 当我单击下一个按钮时,页码按未知顺序升序。

php - 文件版本控制以消除浏览器缓存问题

javascript - 如何更改 Bootstrap 4 中的工具提示箭头颜色?

html - 如何使用 css nth-child(-n+3) 仅显示列表中的前三个图像