Html 将文本保留在框内_Html_Css

Html 将文本保留在框内

html css

Html 将文本保留在框内,html,css,Html,Css,如何将文本保存在box类中？没有文本溢出在框的右侧。我花了两个小时想弄明白，但似乎弄不明白 <html> <head> <style type="text/css"> .box { width:250px; padding-top:5px; border-style:solid; border-color:#336699; border-width:1px; padding-left:3px; padding-bottom:10

如何将文本保存在box类中？没有文本溢出在框的右侧。我花了两个小时想弄明白，但似乎弄不明白

<html>
<head>

 <style type="text/css">
.box {
  width:250px;
  padding-top:5px;
  border-style:solid;
  border-color:#336699;
  border-width:1px;
  padding-left:3px;
  padding-bottom:10px;
}
</style>

</head>

<body>

       <p class="box">
         <span>
           <a href="http://localhost/Latest Artical 1.htm"><b>Latest Artical 1</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br />
           <a href="http://localhost/Latest Artical 2.htm"><b>Latest Artical 2</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br />
           <a href="http://localhost/Latest Artical 5.htm"><b>Latest Artical 5</b></a><br />Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...Blah...<br /><br />
        </span>
       </p>   

</body>
</html>


.盒子{
宽度：250px；
垫面：5px；
边框样式：实心；
边框颜色：#336699；
边框宽度：1px；
左：3倍；
垫底：10px；
}


诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……



诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……



诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……诸如此类……

使用此代码，

换行：断开单词
.box {
  width:250px;
  padding-top:5px;
  border-style:solid;
  border-color:#336699;
  border-width:1px;
  padding-left:3px;
  padding-bottom:10px;
  word-wrap: break-word;
}

你做对了，如果文本中有空格，它就会起作用
您可以添加属性，您的文本仍然在该框中，但如果内容超过该框的宽度，则该属性中会有一个滚动条。类似于您所问问题中的代码格式
overflow-x: scroll;

可能重复的感谢Greg我知道我做错了什么现在它认为这是一个长单词比如@ChamikaSandamal though如果您正在使用jQuery，也可以查看一下