javascript - 当没有空间容纳时如何在新行中断开长单词

标签 javascript html css

这一定是 css 问题,但我不完全确定您是否可以仅使用 css 来实现此目的,并在我的网站上拥有完美的排版!

我的以下代码如下所示:

overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

但由于某种原因,它似乎不起作用,用 Chrome 和 Edge 进行了测试!这些单词将作为整个单词换行,而不是将其部分显示到剩余空间和新行的下一个字符!

知道如何解决这个问题吗?

最佳答案

如果你想保留单词结构,只需使用word-break:break-word;,但如果你想在中间打破单词,你可以使用word-break:break -全部;

关于javascript - 当没有空间容纳时如何在新行中断开长单词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60451643/

相关文章:

javascript - “Error: Node is either not visible or not an HTMLElement”。 puppeteer 师

javascript - Eventbug 的实际工作原理

javascript - 在我的代码中创建一个登录窗口

JQuery 根据两列的值设置表单/表格行的背景

css - 网站背景使用css3

html - -webkit-appearance 在 CSS3 和 IE 中等效

javascript - 如何从 javascript 访问表单数据

javascript - FullCalendar dayRender 显示下几天的日期?

html - 基于 Table/Table-cell 的 3 列布局在 Chrome 和 Opera 上不起作用

javascript - 为什么在 IE 中加载图像不显示在页面的中心底部?