2016-04-14 24 views
1

Ich habe eine verschachtelte div. Ich möchte Text innerhalb der Beschreibung zeigen, aber das Problem ist, geht Text außerhalb div. Ich möchte in die neue Zeile (wie <br/>) gehen und zeigt den gesamten Text. Ich möchte keinen Überlauf verwenden: versteckt.Text überläuft innerhalb einer div

<div class="row"> 
          <div class="col-lg-8" id="showPos" style="height: 295px;"> 
           <script> 
            $(document).ready(function(){ 
             showPosition(<?php echo $results['lat']; ?>,<?php echo $results['lon'];?>); 
            }); 
           </script> 
          </div> 
          <div class="col-lg-4" > 
            <div class="well"> 
             <div class="row"> 
              <div class="col-lg-5"><i class="fa fa-info-circle" aria-hidden="true"></i> Title</div><div class="col-lg-7">bad hurricane</div> 
             </div><hr /> 
             <div class="row"> 
              <div class="col-lg-5"><i class="fa fa-info" aria-hidden="true"></i> Description</div><div class="col-lg-7"> dflsfljdlfsdfsfldksfslsjffldfjjffjdslkfsdfjdljdslffjfjfjfjfdklfjsfjj</div> 
             </div><hr /> 
             <div class="row"> 
              <div class="col-lg-3"><i class="fa fa-heart" aria-hidden="true"></i><h6>10</h6></div> 
              <div class="col-lg-3"><i class="fa fa-road" aria-hidden="true"></i><h6>10</h6></div> 
              <div class="col-lg-3"><i class="fa fa-eye" aria-hidden="true"></i><h6>10</h6></div> 
             </div> 
            </div> 
           </div> 
          </div> 

Antwort

0

Just Add "word-wrap: break-word;" Stil in Ihrem div wie folgt:

<div class="col-lg-7" style="word-wrap:break-word"> dflsfljdlfsdfsfldksfslsjffldfjjffjdslkfsdfjdljdslffjfjfjfjfdklfjsfjj</div> 
             </div><hr />