2016-09-22 5 views
0

関係なく、改行ではないではありません。テキストはここでjsfiddle <a href="https://jsfiddle.net/ckb2vvyz/1/" rel="nofollow">fiddle</a></p> <p>コードが何であるかを

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<div class="container-fluid"> 
 
     <div class="col-xs-12"> 
 
      <div class="col-xs-5" style="padding-right:0px;"> 
 
       <img src="https://images-na.ssl-images-amazon.com/images/M/[email protected]_V1_SY1000_CR0,0,675,1000_AL_.jpg" class="img-responsive"/></div> 
 
      <div class="col-xs-7" style="background-color:#CBD4C2; padding-left:0;"> 
 
      
 
       <p>asjkfnaskjdnkasdnkasnsdkjasndkjansdkjnasjdbaskjsdnbjhbdskajad</p> 
 
       kjadsbnjkasndkjasndkjasndkjasndkjasndkjnaskdjnaskjdnsakjdnaskjdnkjasdn 
 
      </div> 
 
     </div> 
 
    </div>

+0

divのスタイルを追加:word-break:break-all; –

答えて

4

あなたはこれを修正するためにいくつかのCSSを使用することができます(また、break-wordを使用します) :

<p class="wrap-text">asjkfnaskjdnkasdnkasnsdkjasndkjansdkjnasjdbaskjsdnbjhbdskajad 
      kjadsbnjkasndkjasndkjasndkjasndkjasndkjnaskdjnaskjdnsakjdnaskjdnkjasdn</p> 

jsfiddle

+0

ありがとう、私は狂っていた。それはいつもデフォルトでちょうど働いていました、そして、今、それはしませんでした。 "_" – Harugawa

+0

開発の生活へようこそ;)うまくいった! –

+0

あなたは数秒で答えに私を打つ:) GJ :) –

1

は、以下を参照してください そのコンテナにword-break:break-wordを追加するスニペットやフィドル>jsFiddle

.col-xs-7{ 
 
    word-break:break-word; 
 
}
<div class="container-fluid"> 
 
     <div class="col-xs-12"> 
 
      <div class="col-xs-5" style="padding-right:0px;"> 
 
       <img src="https://images-na.ssl-images-amazon.com/images/M/[email protected]_V1_SY1000_CR0,0,675,1000_AL_.jpg" class="img-responsive"/></div> 
 
      <div class="col-xs-7" style="background-color:#CBD4C2; padding-left:0;"> 
 
      
 
       <p>asjkfnaskjdnkasdnkasnsdkjasndkjansdkjnasjdbaskjsdnbjhbdskajad</p> 
 
       kjadsbnjkasndkjasndkjasndkjasndkjasndkjnaskdjnaskjdnsakjdnaskjdnkjasdn 
 
      </div> 
 
     </div> 
 
    </div>

しかし、私はあなたがプレーンテキストを使用していないお勧めします。代わりに、そのようたとえば<p>ため、タグ内のすべてのテキストを折り返す:

.wrap-text { 
    word-wrap: break-word; 
} 

そして:

<p>asjkfnaskjdnkasdnkasnsdkjasndkjansdkjnasjdbaskjsdnbjhbdskajad 
       kjadsbnjkasndkjasndkjasndkjasndkjasndkjnaskdjnaskjdnsakjdnaskjdnkjasdn</p> 

関連する問題

 関連する問題