HTML內(nèi)容超出了div或p的寬度讓內(nèi)容自動換行

    width:100px;
    word-wrap:break-word;
    word-break:break-all;
    overflow: hidden;

允許長單詞換行到下一行:
word-wrap: normal|break-word;

描述
normal 只在允許的斷字點換行(瀏覽器保持默認處理)沧侥。
break-word 在長單詞或 URL 地址內(nèi)部進行換行诞外。

在恰當?shù)臄嘧贮c進行換行:
word-break: normal|break-all|keep-all;

描述
normal 使用瀏覽器默認的換行規(guī)則。
break-all 允許在單詞內(nèi)換行。
keep-all 只能在半角空格或連字符處換行。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌炉旷,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,865評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件叉讥,死亡現(xiàn)場離奇詭異窘行,居然都是意外死亡,警方通過查閱死者的電腦和手機图仓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評論 3 399
  • 文/潘曉璐 我一進店門罐盔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人救崔,你說我怎么就攤上這事惶看∧笏常” “怎么了?”我有些...
    開封第一講書人閱讀 169,631評論 0 364
  • 文/不壞的土叔 我叫張陵纬黎,是天一觀的道長幅骄。 經(jīng)常有香客問我,道長本今,這世上最難降的妖魔是什么拆座? 我笑而不...
    開封第一講書人閱讀 60,199評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮冠息,結(jié)果婚禮上挪凑,老公的妹妹穿的比我還像新娘。我一直安慰自己逛艰,他們只是感情好躏碳,可當我...
    茶點故事閱讀 69,196評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著瓮孙,像睡著了一般。 火紅的嫁衣襯著肌膚如雪选脊。 梳的紋絲不亂的頭發(fā)上杭抠,一...
    開封第一講書人閱讀 52,793評論 1 314
  • 那天,我揣著相機與錄音恳啥,去河邊找鬼偏灿。 笑死,一個胖子當著我的面吹牛钝的,可吹牛的內(nèi)容都是我干的翁垂。 我是一名探鬼主播,決...
    沈念sama閱讀 41,221評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼硝桩,長吁一口氣:“原來是場噩夢啊……” “哼沿猜!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起碗脊,我...
    開封第一講書人閱讀 40,174評論 0 277
  • 序言:老撾萬榮一對情侶失蹤啼肩,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后衙伶,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體祈坠,經(jīng)...
    沈念sama閱讀 46,699評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,770評論 3 343
  • 正文 我和宋清朗相戀三年矢劲,在試婚紗的時候發(fā)現(xiàn)自己被綠了赦拘。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,918評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡芬沉,死狀恐怖躺同,靈堂內(nèi)的尸體忽然破棺而出阁猜,到底是詐尸還是另有隱情,我是刑警寧澤笋籽,帶...
    沈念sama閱讀 36,573評論 5 351
  • 正文 年R本政府宣布蹦漠,位于F島的核電站,受9級特大地震影響车海,放射性物質(zhì)發(fā)生泄漏笛园。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,255評論 3 336
  • 文/蒙蒙 一侍芝、第九天 我趴在偏房一處隱蔽的房頂上張望研铆。 院中可真熱鬧,春花似錦州叠、人聲如沸棵红。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽逆甜。三九已至,卻和暖如春致板,著一層夾襖步出監(jiān)牢的瞬間交煞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評論 1 274
  • 我被黑心中介騙來泰國打工斟或, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留素征,地道東北人。 一個月前我還...
    沈念sama閱讀 49,364評論 3 379
  • 正文 我出身青樓萝挤,卻偏偏與公主長得像御毅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子怜珍,可洞房花燭夜當晚...
    茶點故事閱讀 45,926評論 2 361

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

  • CSS3中的word-wrap端蛆、word-break、white-space想必大家都接觸過酥泛,今天我們來一起溫故而...
    镀鬯埃咯嚨咚DQ閱讀 541評論 0 0
  • 文本換行其實是個非常常用但并不起眼的特性。你什么都不用設(shè)揭璃,瀏覽器自動就會換行晚凿。例如英語,瀏覽器會根據(jù)容器尺寸瘦馍,選擇...
    張歆琳閱讀 8,498評論 1 7
  • 自從偽類和偽元素“事件”之后歼秽,我開始注意了在CSS中一些十分容易讓人混淆的存在。我又發(fā)現(xiàn)了一對和文本操作有關(guān)的“混...
    thisDong閱讀 2,280評論 1 2
  • 當一個塊狀元素設(shè)置了寬度情组,并且其中的文本是根據(jù)接口返回的數(shù)據(jù)進行填充和展示時燥筷,因為傳輸?shù)臄?shù)據(jù)有可能是不可靠的箩祥,所以...
    lincimy閱讀 3,694評論 0 2
  • 文本多行溢出溢出 文本強制換行 強制不換行p { white-space:nowrap; }自動換行p { wor...
    adustdu2015閱讀 1,205評論 0 0