twitterbootstrap dl dt dd タグ文字列を省略てんてんにしない

2013年3月9日更新 view: 24 view

twitterbootstrap を使うと文字列がてんてんに・・・

cssを修正するだけでOK

dl,dt,dd タグで文字数が多すぎると ・・・ と省略されてしまう。
そんなときの対処法。

スポンサードリンク
dl.topdateplan dt {
    border-bottom:1px dotted #ededed;
    overflow:visible;
    text-align:left;
    text-overflow: clip;
    white-space: pre;         /* CSS 2.0 */
    white-space: pre-wrap;     /* CSS 2.1 */
    white-space: pre-line;     /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word;     /* IE 5+ */
}

はい。これで複数のブラウザで ・・・ と省略されずに済みます。

スポンサードリンク

関連記事

関連カテゴリ