1. 程式人生 > >小程式空格解決文字分散對齊

小程式空格解決文字分散對齊

目前效果:

我想要得到的文字分散對齊的效果:

網上查了好長時間,基本都是CSS控制樣式,弄得我眼花繚亂,一個一個試,在微信小程式裡面都不好使,可能是我姿勢不對,所以我就"投機取巧",想著用空格解決,空格也不能瞎用哦,先告訴你正確的做法,再給你解說哈。

正確做法:姓名,聽力,閱讀中間,中文全形空格各兩個

測試解說:

(1).姓名中間英文空格兩個,聽力中間中文半形空格兩個,閱讀中間中文全形空格兩個

程式碼如下


效果如下:

注意:英文空格和中文半形空格雖然你在程式碼裡面打了兩個,可是顯示效果和打一個是一樣的。

(2).姓名中間兩個\t,聽力中間一個 閱讀中間兩個 

程式碼如下:


效果如下:


注意:\t和英文空格和中文半形空格的展現是一樣的,即程式碼裡打兩個,效果還是跟打一個一樣。但發現 也是管用的。(之前我 忘記打分號導致不好使,注意別忘記分號!)

所以一定要記住用中文全形或 。