html - 如何修复父元素内的文本，使其不会超出父元素的宽度

Question

<分区>

Answer 1

你可以使用word-wrap:break-word。

jsFiddle example

.container {
    word-wrap:break-word;
    width: 50%;
    font-family: segoe ui;
    font-size: 14px;
    border: 1px solid black;
    padding: 8px;
}

或者，您也可以使用 overflow:hidden，这将 overflow hidden 。这是假设您不希望文本换行。 jsFiddle example

还有 overflow:auto 可以让您滚动溢出。 jsFiddle example