2016-05-30 11 views
0

私は行があります。行の中には、.col-md-6という名前のクラスがあります。 列内には、テキストの段落タグがあります。 問題は、段落タグの内容が列の幅を超えていることです。しかし、段落タグの内容を画像のように列内に適切に配置します。 コード:pタグの内容が列幅を超えています

<div class="row"> 
    <div class="col-md-6 col-xs-12 col-sm-6"> 
     <p>TextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextTextText</p> 
    </div> 
</div> 

リンク: enter image description here

答えて

1

は、このためのCSSプロパティがあります: http://jsbin.com/zimuwonoyu/edit?html,output

は、私がイメージに示すように、それは1のようになりたいです。

p { 
    word-wrap: break-word; 
} 
+0

感謝!!できます!! –

1

CSSプロパティ:

p{ 
white-space: normal; 
word-wrap: break-word; 
} 
関連する問題