0

私は人々の名前のボックスを表示しようとしています。問題は、これらの名前がかなり長くなる可能性があることです。固定幅のボックスを使用すると、狂気が確実に発生します。長い間隔のテキスト区切りは、新しい行で問題を引き起こし（http://jsfiddle.net/9MhWW/）、改行を無効にするとwhite-space: nowrap;ボックスがオーバーフローします（http://jsfiddle.net/9MhWW/1/）。

改行を使用するのが最良のオプションのようです。同意する場合、それは次の質問を要求します：テキストの一部を失うことなく、すべての行にdivを設定するか、段落に固定の高さを与えることなく、行の問題が発生しないようにする方法はありますか？

4

2 に答える 2

2

overflow: hidden1行だけで問題ない場合は、 ：を設定します。

p { overflow: hidden; }

...優れた効果は、省略記号を使用して、オーバーフローしたテキストを次のように置き換えることです。

p { overflow: hidden; text-overflow: ellipsis; }

あなたのフィドルへのこのアップデートを参照してください。

于 2013-03-25T18:58:11.133 に答える
1

私は解決策を思いついたと思います。したがって、ブートストラップはもちろん見栄えを良くするためにたくさんのものを追加しますが、あなたの場合、その一部を元に戻す必要があります。したがって、左のフロートを取り除き、それをdisplayinline-blockに置き換える必要があります。

.span2{
    float: none !important;
    display:inline-block;
}

フィドルの更新を参照してください。以前に持っていたものと一致するようにテキストの配置を変更する必要がありました。

于 2013-03-25T19:18:16.360 に答える