天天看點

怎麼修改html的空格大小,css怎麼設定空格的寬度不一樣?

html網頁裡鍵盤打多個空格,所有浏覽器中看到也隻有1個空格的位置間距,除了使用空格字元外,是可以用css來設定控制打空格寬度間距的,通過css樣式來設定空格想要的多個空格位置大小效果。

怎麼修改html的空格大小,css怎麼設定空格的寬度不一樣?

css可以使用word-spacing來設定空格寬度不同,後面可以設定px機關值,也可設定em機關值。

em可以準确設定多個字的寬度效果,比如1em代表空格寬度為1個字寬度;4em代表空格寬度大小為4個字寬度大小的間距。

用樣式表準确設定空格長度寬度大小執行個體代碼:

css設定空格寬度大小執行個體 css5

.kg{word-spacing:1em}

.kg2{word-spacing:2em}

.kg3{word-spacing:10px}

未使用css設定 空格間距 使用了css設定 空格的間距為1em 使用了css設定 空格的間距為2em 使用了css設定 空格的間距為10px

效果圖:

怎麼修改html的空格大小,css怎麼設定空格的寬度不一樣?