1、css代碼的空格實(shí)現(xiàn)中文對齊的方法用法一些空格實(shí)現(xiàn)個(gè)數(shù)不等的中文對齊或等寬。見下表：其中的 和 ，因?yàn)榫哂心骋怀澋奶匦裕蛊淇梢缘巧蟱eb屆的舞臺(tái)！什么特性呢？如上表加粗展示，1. 透亮； 2. 寬度正巧跟中文正巧是1:2和1:1的關(guān)系，于是，一些中文排版對齊什么的，挺直就可以用法這兩個(gè)空格調(diào)整，如：xml/html code復(fù)制內(nèi)容到剪貼板 姓  名： 手 機(jī) 號(hào)： 電子郵箱： 結(jié)果輕松實(shí)現(xiàn)了2字/3字/4字中文的等寬兩端對齊效果：您可以狠狠地點(diǎn)擊這里：空格在文字布局

2、中的應(yīng)用demo以上就是舊文內(nèi)容，那為何現(xiàn)在這個(gè)點(diǎn)老生常談呢？由于剛剛我碰巧翻到這篇舊文時(shí)候，發(fā)覺1天的拜訪量才10, 覺得文章如落冷宮，甚是令人同情，著實(shí)令人扼腕嘆息。于是，打算再加點(diǎn)料，重新包裝下，再次推向市場，看看能不能掀起一點(diǎn)波瀾。還有一點(diǎn)就是，上面的空白字符中文對齊辦法在ie6下不能徹低兼容，而當(dāng)年11年的時(shí)候，ie6在中國還是很囂張的，所以，無數(shù)小伙伴后來就沒堅(jiān)持。而如今，大紅燈籠高高掛，ie6早早休掉回娘家，沒有了妨礙，此辦法說不定能掀起一點(diǎn)波瀾。空格新成員&x3000;叉三千指什么呢？哈哈，其實(shí)是全角空格。中文字體都是等寬的，一個(gè)全角空格的寬度就是一個(gè)一般中文的

3、寬度。所以，上面的demo中 空格換成全角空格也是可以滴！但是，我們不能挺直在頁面中打全角空格，由于在大多數(shù)編輯器中空格是透亮滴，很簡單就被刪掉；另外，html壓縮時(shí)候，空格很可能被干掉！咋辦？需要轉(zhuǎn)換書寫形式。在web頁面上，普通有3種書寫： 挺直，例如搜狗輸入法輸入版權(quán) – ?. web字符，© charcode表示：&xa9; 而上面的 ,  就是具有特定名稱的web字符。但是，恕我寡聞，我并不清晰全角空格是否有對應(yīng)& + 關(guān)鍵字暗示

4、，所以，就用法工具轉(zhuǎn)成了charcode字符表示，也就是這里的&x3000;，又稱叉三千！稍等，你剛說了工具，什么工具！?哈，這位學(xué)生好敏銳，我是有一個(gè)私藏的小工具，可以把隨意字符轉(zhuǎn)換成html識(shí)別格式，若有愛好，您可以狠狠地點(diǎn)擊這里：隨意字符轉(zhuǎn)換成html識(shí)別格式工具頁面用法了這個(gè)工具，你會(huì)發(fā)覺 ,  本來是相鄰兄弟關(guān)系：   → &x2002;   → &x2003; 更多內(nèi)容當(dāng)中文和英文混雜的時(shí)候，用法

5、 ,  等空格實(shí)現(xiàn)冒號(hào)的完善對齊還是有些困難的，除非英文用法的是等寬字體，于是乎，我們就可以用法一般的 空格做英文字符的寬度調(diào)整。再科普點(diǎn)關(guān)于字符的有用學(xué)問吧：1. html中字符輸出訪用&x配上charcode值；2. 在javascript文件中為防止亂碼轉(zhuǎn)義，則是/u配上charcode值；3. 而在css文件中，如css偽元素的content屬性，挺直用法/配上charcode值。因此，想在html/js/css中轉(zhuǎn)義我這個(gè)漢字，分離是： &x6211; /u6211, 如console.log('/u6211'); /6211, 如.xxx:before content: '/6211' 考慮到挺直&x3000;這種形式裸露在html中，可能會(huì)讓屏幕閱讀器等輔助設(shè)備讀取，從而影響正常閱讀流，因此，我們可以進(jìn)一步優(yōu)化下，用法標(biāo)簽，利用偽元素，例如：css code復(fù)制內(nèi)容到剪貼板 .half:before content: '/2002' speak: