如何将文本保存在div中？

我有一个页面显示从mysql数据库中检索到的文本。如何将文本保存在div中？

我不明白为什么我不能让文本显示为div内的文本块。相反，它溢出了div。（我使用自举3）这是一个fiddle

<div class="container"> 
 
    <div class="row"> 
 
    <!---MAIN COLUMN------> 
 
    <div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 col-centered"> 
 
     <h2> 
 
     How to keep the text inside the div? 
 
     </h2> 
 

 
     <div class="mytext"> 
 
     fdsnkfhskghkgskghsdkghdskghdsklhgkdlsghds 
 
     khgkdshgdksghdsklghdskg hkdslhgkdshgkdshgkdshgkd 
 
     shgksdlhgksdhgkdslhgkdshgkdshgkdshgksd hgkldshgkd 
 
     shgkldshgkhdsgkhdskghdskhgkdlshgkdshgkldsh 
 
     gkdshgklhds kghdskghdskl 
 
     <small> 
 
     </small> 
 

 
     </div> 
 

 
    </div> 
 
    </div> 
 
</div>

来源

2016-11-19 JulianJ

可能重复的[如何在DIV中强制换行符中的换行符？]（http://stackoverflow.com/questions/3058866/how-to-force-a-line-break-in-a -loooooong字-IN-A-DIV） – Dez

用于word-break:break-all;这个词

打破

.mytext{ 
 
    word-break:break-all; 
 
}

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <!---MAIN COLUMN------> 
 
    <div class="col-xs-12 col-md-6 col-sm-8 col-lg-6 col-centered"> 
 
     <h2> 
 
     How to keep the text inside the div? 
 
     </h2> 
 

 
     <div class="mytext"> 
 
     fdsnkfhskghkgskghsdkghdskghdsklhgkdlsghds 
 
     khgkdshgdksghdsklghdskg hkdslhgkdshgkdshgkdshgkd 
 
     shgksdlhgksdhgkdslhgkdshgkdshgkdshgksd hgkldshgkd 
 
     shgkldshgkhdsgkhdskghdskhgkdlshgkdshgkldsh 
 
     gkdshgklhds kghdskghdskl 
 
     <small> 
 
     </small> 
 

 
     </div> 
 

 
    </div> 
 
    </div> 
 
</div>

来源

2016-11-19 09:50:32

给予CSS来

.mytext{ 
    width:200px; 
    word-wrap:break-word; 
    border:thin black solid; 
}

这里更新JSFiddle

来源

2016-11-19 09:52:33

这纯粹是一个假设性的问题 - 在一个真正的网站，你将有真正的文本由它比你的榜样幻想字/秒更短的真实的话，他们将配合很好进入该div，因为文本将在单词末尾处断开，即空格。只要使用相同的真实文字，你会看到。

来源

2016-11-19 10:03:00 Johannes

如何将文本保存在div中？

回答

相关问题