スパンで長い言葉を壊す方法（Twitter Bootstrapを使用）

私は自分のサイトでTwitterのブートストラップを使用していますが、私は長い言葉を含むスパンを持っています。私はこのCssを使用しますが、動作しませんか？何が問題なの？スパンで長い言葉を壊す方法（Twitter Bootstrapを使用）

.fidDivComment { 
    white-space: pre-wrap; 
    display: inline-block; 
}

enter image description here

出典

2013-06-15 ePezhman

可能な複製http://stackoverflow.com/questions/320184/how-to-prevent-l ong-words-breaking-my-div – Liam

あなたは説明を参照してくださいthis article

span { 
    -ms-word-break: break-all; 
    word-break: break-all; 

    /* Non standard for webkit */ 
    word-break: break-word; 

    -webkit-hyphens: auto; 
    -moz-hyphens: auto; 
    hyphens: auto; 
}

そのスパンのためにあなたのCSSにこれを追加する必要があります。

出典

2013-06-15 15:16:21

単語が適切にハイフネーションされるか、または適切な特殊なコンテンツがある場合は文字列を途切れさせる必要があります。同じ内容で両方を行うのは間違っています。 –

Jukka、私がリンクしている記事を読んでいれば、最高のブラウザサポートのために、それらのCSSプロパティがすべて必要です。 –

@AdamSimpsonはこれが私の巨大な問題を解決してくれたことに感謝します –

この述べた質問：そう、ブートストラップ修正はこれです

（Twitterのブートストラップを使用して）

を：@include hyphens;このブートストラップ箱のミックスインの外にはword-wrap: break-word; を追加します。このミックスインは、下に存在していますこのパス：

/bootstrap-sass/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss

出典

2016-08-01 07:47:51

スパンで長い言葉を壊す方法（Twitter Bootstrapを使用）

答えて

関連する問題