css – 我需要在容器中包装长文本

我在容器中包装文本时遇到问题.我已经搜索过,所有的答案都放在自动换行中:break-word;但它对我不起作用.我一定是做错了,但我找不到什么.

这是网站,因此您可以搜索源代码:http://www.simplistico.net/

任何帮助是极大的赞赏.

编辑:此外,容器背景为红色,因此您可以清楚地看到它.

最佳答案 为什么不在p标签上设置宽度?

p {
width:65%;
}

编辑:

也许我应该更清楚.如果已经在容器内部有p标签,则不一定需要像上面那样进行.你可以做点什么.

#container p {
width:65%;
}

这样只会影响指定容器内的p标签.

默认情况下,p标签将伸展100%的容器.另外请记住,分词和Word Wrap是CSS3属性,默认情况下仅适用于某些浏览器. http://www.w3schools.com/cssref/css3_pr_word-break.asp

单词分隔只会在容器的边界处中断.并且因为你的另一个容器内的p标签的默认宽度为100%超过了你的“红色背景”容器.它将在该容器的边界处中断.从技术上讲,它正在发挥作用.

点赞