文本不換行，不管什麼

代碼：

<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>

來源

2016-09-22 Harugawa

爲div添加樣式：word-break：break-all; –

你可以使用一些CSS來解決這個問題：

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

然後：

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

jsfiddle

來源

2016-09-22 08:12:27

謝謝，我瘋了。它總是默認工作，現在instaly它沒有。「_」 – Harugawa

歡迎來到發展的生活;）很高興它成真！ –

該死的你打敗了我幾秒回答:) GJ :) –

添加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>像這樣：

<p>asjkfnaskjdnkasdnkasnsdkjasndkjansdkjnasjdbaskjsdnbjhbdskajad 
       kjadsbnjkasndkjasndkjasndkjasndkjasndkjnaskdjnaskjdnsakjdnaskjdnkjasdn</p>

（也使用break-word）

來源

2016-09-22 08:12:15

文本不換行，不管什麼

回答

相關問題