超えた文字を省略記号として表示
2238 ワード
大きな文字の表示スタイルを制限することはCSSで最もよく使われる場所の一つです.例えば、以下のような場合があります.
改行を強制しない:
折り返し:
英語の単語のブレークを強制する:
私たちは行列の時、よく1行の文字が幅を超えて、多くの人がoverflow:hiddenを使って、超えた内容を隠して、1種のコードが文字を超えた時、省略符が現れましたか?
この方法を用いることができる:IE火狐:overflow:hiddenと互換性がある;white-space:nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis;
改行を強制しない:
1
div {
2
white-space
:
nowrap
;
3
}
折り返し:
1
div{
2
word-wrap: break-word;
3
word-break:
normal
;
4
}
英語の単語のブレークを強制する:
1
div{
2
word-break:break-
all
;
3
}
私たちは行列の時、よく1行の文字が幅を超えて、多くの人がoverflow:hiddenを使って、超えた内容を隠して、1種のコードが文字を超えた時、省略符が現れましたか?
この方法を用いることができる:IE火狐:overflow:hiddenと互換性がある;white-space:nowrap; -o-text-overflow: ellipsis; text-overflow:ellipsis;
01
/code>"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
02
"http://www.w3.org/1999/xhtml"
>
03
04
"Content-Type"
content=
"text/html; charset=gb2312"
/>
05
www.nowamagic.net
06
07
div.wid{
width
:
200px
;overflow
:
hidden
;
white-space
:
nowrap
;text-
overflow
:ellipsis; -o-text-
overflow
:ellipsis;
}
08
09
10
11
12