word-wrap拾因、white-space和word break的區(qū)別

本篇博文來(lái)自百度經(jīng)驗(yàn),詳情點(diǎn)擊:百度經(jīng)驗(yàn)

1、word-wrap:break-word;

內(nèi)容將在邊界內(nèi)換行旷余,僅用于塊對(duì)象绢记,內(nèi)聯(lián)對(duì)象要用的話,必須要設(shè)定height正卧、width或display:block或position:absolute蠢熄。

imageOne.png

2、word-break:break-all;

用于處理單詞折斷炉旷。(注意與第一個(gè)屬性的對(duì)比)

imageTwo.png

3签孔、white-space:nowrap;

用于處理元素內(nèi)的空白,只在一行內(nèi)顯示窘行。

imageThree.png

4饥追、overflow:hidden;

超出邊界的部分隱藏。

imageFour.png

5罐盔、text-overflow:ellipsis;

超出部分顯示省略號(hào)但绕。

imageFive.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市惶看,隨后出現(xiàn)的幾起案子捏顺,更是在濱河造成了極大的恐慌,老刑警劉巖纬黎,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件草丧,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡莹桅,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)诈泼,“玉大人懂拾,你說(shuō)我怎么就攤上這事☆泶铮” “怎么了岖赋?”我有些...
    開(kāi)封第一講書人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)瓮孙。 經(jīng)常有香客問(wèn)我唐断,道長(zhǎng),這世上最難降的妖魔是什么杭抠? 我笑而不...
    開(kāi)封第一講書人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任脸甘,我火速辦了婚禮,結(jié)果婚禮上偏灿,老公的妹妹穿的比我還像新娘丹诀。我一直安慰自己,他們只是感情好翁垂,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布铆遭。 她就那樣靜靜地躺著,像睡著了一般沿猜。 火紅的嫁衣襯著肌膚如雪枚荣。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 49,046評(píng)論 1 285
  • 那天啼肩,我揣著相機(jī)與錄音橄妆,去河邊找鬼。 笑死疟游,一個(gè)胖子當(dāng)著我的面吹牛扭吁,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播品擎,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼仰剿,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了另绩?” 一聲冷哼從身側(cè)響起儒陨,我...
    開(kāi)封第一講書人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎笋籽,沒(méi)想到半個(gè)月后蹦漠,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡车海,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年笛园,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡研铆,死狀恐怖埋同,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情棵红,我是刑警寧澤凶赁,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站逆甜,受9級(jí)特大地震影響虱肄,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜交煞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一咏窿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧错敢,春花似錦翰灾、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至亚享,卻和暖如春咽块,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背欺税。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工侈沪, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人晚凿。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓亭罪,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親歼秽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子应役,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 之前通過(guò)幾何分形學(xué)學(xué)習(xí)了一下緩存機(jī)制,今天來(lái)學(xué)習(xí)一下“字詞分割學(xué)”吧燥筷,哈哈箩祥,我自己瞎造的詞,主要是為了學(xué)習(xí)一下CS...
    心徹閱讀 1,416評(píng)論 0 1
  • 1.word-break: normal / break-all / keep-all; ①break-all:允...
    提小莫閱讀 1,114評(píng)論 0 7
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color肆氓,font袍祖,text-align,li...
    wzhiq896閱讀 1,731評(píng)論 0 2
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性: color谢揪,font蕉陋,text-align捐凭,li...
    love2013閱讀 2,303評(píng)論 0 11
  • 我們先看看不加任何屬性是如何換行處理的下面各類屬性都是加在一個(gè)p元素上的柑营。 我們看到不加任何屬性時(shí)候,邊界遇到中文...
    209bd3bc6844閱讀 567評(píng)論 0 0