CSS, 自动换行

Question

CSS，单词自动换行。如何做到这一点？

我想让这样的话：

O:
Which is the most horrifying thing/disease you have seen in your medical career?

To:
Which is the most horrifying
thing/disease you have seen
in your medical career?

我习惯了word-wrap: break-word但显示如下：

Which is the most horrifying t
hing/disease yo
u have seen in you
r medical career?

Answer 1

参考https://css-tricks.com/almanac/properties/h/hyphenate/

连字符属性还可以让您控制连字符。为了正常运行，这需要在父级上定义一种语言。最简单的方法是更改

<body>

至

<body lang="en">

Answer 2

一个可能的解决方案是，如果你想要它是特定的宽度，那么你必须定义它。
例如：
HTML:

<p>Which is the most horrifying thing/disease you have seen in your medical career?</p>

CSS:

p {
    width: 200px;
    word-wrap: break-word;
}

CSS, 自动换行

CSS, words wrap automatically

html

css

word-wrap