我需要文本留在容器内，而不是一遍又一遍地使用<br/>标签

Question

我试图让我的文字留在我的盒子里，而不是走出它。 我不想一遍又一遍地使用<br>标签。所以我试图让它自动创建一个新行。

CSS

#NewsPosts {
    position: relative;
    bottom: 0px;
    top: -925px;
    font-size: 20px; 
    margin-left: 10; 
    margin-right: 10; 
    text-indent: 5; 
}

HTML

<!--NewsPosts-->
<div id="NewsPosts">
    <div align = "center">
        <p>html text goes here</p>
    </div>
</div>

以下是一个例子：

Answer 1

#NewsPosts p{
   width:40%
   word-break:break-all;
}

http://jsfiddle.net/91efphoL/1/

Answer 2

使用width CSS属性：

#example-autowrap{
    width:40%;
}

http://jsfiddle.net/91efphoL/是此

的一个有效例子

要使其适合您的背景，就像您发布的图片链接一样，只需确保包含文字的元素是背景元素的子元素，并且无论是否有width

如果你想让它居中，并且出于某种原因你不能把它作为背景元素的孩子，那么你应该只添加margin:0 auto。这会尝试将右边距和左边距设置为相同的值，从而有效地使其居中

Answer 3

如果你不介意菜单栏，你可以使用溢出之类的东西

#NewsPosts {
position: relative;
bottom: 0px;
top: -925px;
font-size: 20px; 
margin-left: 10; 
margin-right: 10; 
text-indent: 5; 
overflow-y:scroll; 
}

或者只是和我们填充和边距以使文本居中

#NewsPosts p{
   width:40%
}

Answer 4

提到“宽度：50％;” #NewsPosts中的所有内容都完成了。