定位:
i am still here!i am s_p!
文字隱藏:
"550
" border="
0" cellpadding="
5" cellspacing="
1" style="
table-layout:fixed;
">
"#c6d9e7
" style="
overflow:hidden; text-overflow:ellipsis; color:#ffffff;
">站長特效一號測試1
"#c6d9e7
" style="
overflow:hidden; text-overflow:ellipsis; color:#ffffff;
">站長特效二號測試2
"#c6d9e7
" style="
overflow:hidden; text-overflow:ellipsis; color:#ffffff;
">站長特效三號測試3
"overflow:hidden; text-overflow:ellipsis;
">站長特效一號測試1111111!
"overflow:hidden; text-overflow:ellipsis;border-right:1px solid #c6d9e7;
">站長特效一號測試22222222
"overflow:hidden; text-overflow:ellipsis;
">站長特效一號測試44444444
強制不換行
white-space:nowrap;
自動換行
word-wrap: break-word;
word-break: normal;
強制英文單詞斷行
word-break:break-all;
電子狗table td:換行例子
word-break
: break-all
;word-wrap
: break-word
;
/*一行文字溢位省略號
*/.ellipsis-1
/*兩行文字溢位省略號
*/.ellipsis-2
/*三行文字溢位省略號
*/.ellipsis-3 簡單點的方式就是 copy
text-overflow: clip | ellipsis
clip:
不顯示省略標記(...),而是簡單的裁切。
ellipsis:
當物件內文字溢位時顯示省略標記(...)
設定或檢索是否使用乙個省略標記(...)標示物件內文字的溢位。對應的指令碼特性為textoverflow。
text-overflow屬性僅是註解,當文字溢位時是否顯示省略標記。並不具備其它的樣式屬性定義。要實現溢位時產生省略號的效果還須定義:強制文字在一行內顯示(white-space:nowrap)及溢位內容為隱藏(overflow:hidden),只有這樣才能實現溢位文字顯示省略號的效果
不顯示省略標記,而是簡單的裁切條
div>
<
h2>text-overflow : ellipsis
h2>
<
div
class
="test_demo_ellipsis"
>
當物件內文字溢位時顯示省略標記
div>
body
>
html
>
文字超長自動省略,以 代替,CSS實現
abcdefghijklmnopqsluygdebnh ps 貌似ff不支援這個 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 在進行divcss布局時,需要對文字進行控制,今天...
css控制超長內容自動省略
table td解析 1.table layout fixed 由於table layout的預設值是auto,即table的寬高將取決於其內容的多寡,如果內容的體積無法估測,那麼最終 的呈現形式也無法保證了,fixed一下就好了。注意 此樣式是關鍵 2.white space nowrap 是為了...
css控制文字超長隱藏,最後用省略號表示
有時我們希望實現這樣的效果 當文字長度超過容器的寬度時,超出部分用省略號表示,起初以為會很麻煩,沒想到用css可以輕鬆實現。用text overflow,overflow,white space三個屬性即可。先上 box je pr f re accorder de bonne gr ce ce q...