考虑这两块“易混淆”的Unicode文本(在代码段中)。
第一个有(两个)额外的换行符或某种额外的空间,看起来很糟糕,而第二个显示得很好。我已经试过了
white-space
CSS选项,但没有对空白空间有任何影响。(将相同的文本粘贴到记事本中,多余的空格消失)
有人能告诉我为什么这种效果发生在一个div而不是另一个div中吗?我该如何摆脱这种丑陋的空白?
div {
background-color:#f5f5f5;
white-space:pre-line;
}
Extra lines/space:
<div>âðððÄ
êðë wð¥É©ðÈ Å§ðẹ Ô·êÅâ¼ðḣÈðá¹ mÐ°Ê ð»ð ðÅ¡Ñð¹ ð¶ð │á¿áº½Å á´ð» ð¤á»á¼¦ðéð³ð´ÓáºÎ¹Æ¡á¾ê¹ wâ²É½Ôá¹£ wðªâ¥ ðªðwðá»¹Ñ ðððằá»á¿ ðððâ³á´¦ ðá»wððâÜâ áºÅɼá¯ð° ὸáºá¸ð¾â²
ððð mð¢ÄÅð ðá» mèâðâ³ðĸ Ã¥á¾ð ð³á»Ó· ðµÒ»áÅÑ wðÏ wâ³â¥ ð£á¿Åð½Ãªð¸ Å£ð¥Ã© ẹήÈǹÆá¼³áº¥È¶á¿ð ð« á»Ï ðÈÇá¹Ä¥â¤ á¾¹á¿ð¡ ṫð±ð áºð¯á»§ð½É¦ á¿á¹©â ð½Ò»ðÓ·ð¢ á»ð° ð¬á»má¸Å§ðá»á¿ð á¹±Ò½ðá¹ÑÆê²ð¾ wá¹à©¦á¹
ð wįðð© Å£âá¿ð ð¼á»£Ã¼á¼¤ððð²âÙ«â É©ð¤ðâ×âð Å¥ðððð¦Ê Ϲð»Î¼Ò½â©ÏÓ± Éá¼ ð Ñá¹ðμðÈâ³Ïâ®ê¹ ðá¿ðȱâÈ
ð³ðªÅðÄ Óá¾ð Ûµððð¿ðÊṡá¸Ö
á½´ê â³ð·á¸ wðµð¦ðÄ Ã²ðⲥẹ ï½ðÉ¥ ḣαð± ȶð½Ãª ðÅð®Äðá½
m ðá½¹ áðð³ðÄðâØâ ð±á½ ð©Ò»ð¾á¾á¸³ ảá¿ð Èá¹â
à ð Ä
á¹£ ӯôð¾ Åáºw ððÆ«âÙ«â ð¦ðá¹³ ἤǫw ð±áºµá½ºá¸ ð½áº½á¹ðððð¬ á¸á¿ð Åðá¹¥ð¡ð®mð´ á½ê ƽÇá¹á½ºÃ©á¼°â×°âÇ»ðð°ð² ð¼Çâ
Ó·ðıἧð° Ó±ð°á»ð¯ Ò«ð¼ðÖá´ð«mÑð᧠ằǹ᧠Åð│ðϲá¸Õ¥Ñá¾ð° ðá½Ã¼ð¿ ÅÕ¾ámιÅð¨Î¹ð¸á¹ê Ḧð¸w êıâ
¾ ÏðÃÆ½ ððððá¸á´¨Ê áºð±á¹Ê»á¹£ ṯỠÉâ
¼ÓmÄÊ á³Ãªâ ðâ
ÈÏÓÏð¿ðð ð½Õ°Äðð à ð³á¸ ððµð¸ðḠmà¹ÈḠêðṡῥðÕ¼ÈıϸðµÈ
ðÒ»ð®Î® ÏÕ§Ò»â
á´¦ð¨Â¸ ðá¿á¸ ð±ððỳ wá¼°â×°â Æâ
ɦẹâ
Ô áº£ð¬Äá»Ã»ðţẫðê²ÄâÙ«â á¸êð ÓððªÄ¯â¼ ðððá¹á¸© Æð¢ Ƚà¹ðá¸â ɨð» áºá½¹á»©áá´¦È
ɬá»ð¤Æá¿ð£ð ðꬽð ð½Ò»á¸ ðá»á¿ð°Å£ð²Â¸ ðºðð ðẽá¸ð á½ðð¸á»· Ið¼á»¡Ðº ıÅðö ð mðªêð»ðɼâÜâ I ð
поw wð¥Ñ ð¾ðÅ á§Ã¬á¸ ðÅ£ê I ǩἢ۵w ÿÇð wðá¹Ä ȧſÅÇɨÉâÜâ áºÒ»á½¸ wÇ«á»Îá¸Ï`ð ðâ
ॽ áð¶ð»â ð¡á¸á¹ðôÑâØâ Éá¼°ð´â®ððÈ©âÙ â ð©ðëð£ð¦ wá¸á¹á¸ ð mðɼÓðᯠï½áº ðêá»ðÉ«Ämð° wḥâ
ð½ð Ä౦ηê±ððÅеð ṯ௦ Äȯêêð®ð¹Å§ ð¾ððð§ ð¯ð²ðá¹¥áð§ à á¾á¸ êðð ð¬á´ð ðð ð¾á½¹Å¯Ó· ÆÐ¾mmð¬á¿ ð ÑÅÑð¢Û° â
â Ⱥâð¼Ã± á·ðð¨Ó·ðâØâ ð
áºÃ³ð» ððÅÔÈðṯð</div>
<br/>
And then this one is good:
<div>âBȩϲạữðẻ wðîðÒ½ ðÒ»ð® ððá´Ïϲáºð²ð¤á¼ mðð² Æð Õ¶Å¡ÓÄ Ã¯á¹ ð·á¿ðð ȯð£ â²¥á¹Ïῧꬲð¿Êâºðá¿Ö
á¾ê¹ wÇÓ·ðð¤ wá¼³â ẳð¥wð¢ð®á¹© Ð³ÑÆ«áº£Ã¯Å ðĥèÑâ²
ððwÄð¯ê¸ ð¦á»ð¯Ôð á½ðð³Ã¨Ð³ ðð¥È má¸áºá¼ á¹¥ ðð¨ mÄặðÎÅÖ¸ Óðâ
áºÐ¾ð ð½ð±ÏṧḠwðµð wÃ®Ç Û±É¨Ñեẹήâ ŧḧḠâ
ñủñϲðаð½ÃơṠðð էɽðªð½ð¥ê¸ ê®á¼£ð¥ ð©áºáº½ ð½á¹á¹µð±á¸£ ɪš¸ ðÈéÒÑ á»á¹¥ ð¼ðmÄðÕ«Èἡð¤ á¹á¸êð«Éªð£Ä¼ð wá¹á¹Î®É wðá¹«â Æ«á¸§ð¶ð á´á»ð¶ðð½Èá§âØâ ðð¤ðáð ţḫẻгðÉ ð¢êựẹ1Èð¾ á¸á¼¡ð ἱἤĵừÅðá»ð¬È
âÙ«â Îá¼¥á¹á¹1ðêÇ¡ð
ðḠǡÅð
á½¹ððÑâ®ðððªÃ²á¼£âÜâ Ạðð wÕ«ðá¹â¯ ೦ð»ð°ð² ð¶á»á»¯ ɦаð Å£ð±â
ꬵɼÄðá¯á¹m ðá½ á»ÉÕµá¸ðð¸ Ƚо Æ«Õ«á¼°á½´Ò ððð
ðÏðáºð¨ ðªð ỿÅð ð¨áº©w áºÑðâÙ«â ÿơð¦ Ïð¸w ḣðªá½áº» Æá¸á½´Ñá½Òð ẵὴð ðỵðṯÈmð ï½ð ṡվð§ï½ð¦ð¾â
¡Ä
ððÓ Ïá»áº»â²
â
½á¸á´¨É¡ γá½Ã»Ó· ð¼á»á¼¡ð³á½á¹mίðð áºá¾ð Åõɫἰð¬ð¢á¹¯á½¶á¾Ä ð²ÅÅ©ê ÑÅðmὶƽṩð¦á»á¹
âÙ â Ң௦w ðīḠÑððð Èẩá¹ðð¢Ç¹à¥½ ðªððâ׳âá¹§ Å£Ç áð¡áº«mÒ½Ê ðâ®â×°â çá¸Èðð¶Ä¯Ç¹Æð¬ ðáºê¬²ð¯ð¢ ãðð ð¥ð±á»ðÈ© má´ð¿áº¹ ð§ðð¬ð©á¹Åê±É¨ðâ
¼ð á¹É¦áº¥ð Æ¡ðð¥ÑÒðâ Èá½´ð ððÄÓ³ wá¿â
¡ Æá¸ Õ°á¸ÐḠầð¬ÏÈÏ
ήŧẳá¸ð£ð¦â Æ
ðÈ ðð¨áº³á¥á¾ ðêð²ð¥ðµ ð»á¸ á´Èðá¯âØâ â³ð» ðÖ
ṹ´ð«ð¦ â
¼Èá»ðÑð»ð° êðá¹ ð¥ð½Ä ð¨Ã»ð¾ðȶð®ê¹ ð®ê¬½ð¾ ðéá¸ð á¹ð·ð¥á»· ðÛµðð á¿ð£ðÈ« ðª mð¾ð¿Èôðâð©â I ððá½w wð¥Ñ ƴ०ê ðá¸ð ððê¸ I ĸǹ۵w ỹá½á¹¹ wèɼð¢ ẵð¯É¼áº¯ð¾á¯âÜâ ððỡ wá½á»¥â
¼ð±á¾Ê½Õ¥ ðá¸á® ðãг¸ ðꬲð£êá¹ðê¹ ð¡Â¡ð¬ÄáºÅÈ
âÜâ ṮḣÈ
êÈ wÄâ²
⯠å mð²ÅðÇð
á½ð ⲣɽð¸ðḽêmð¬ wḥð¦â²¥ð© ðÓ§á¾ð°ðð¾ÑÈð¡ Ñá½¹ á´ðð¯á¹ððºð ÑÇá»¯È â²
â¯ðÈÕ®ð¯ ðá¾Ä Òá½ð» ð¦à¹á»§ ꬽð ỿá»Å«ê ÄòmmÆ¡ð Åðá¿Æ½Ã«âð©â â
â Çĺáռ ð³á½¹â´â²
ÑâÙ«â ê¦ áºá½ð» ð©â®ÅÔëðÆ«ð°</div>