html網頁裡鍵盤打多個空格,所有浏覽器中看到也隻有1個空格的位置間距,除了使用空格字元外,是可以用css來設定控制打空格寬度間距的,通過css樣式來設定空格想要的多個空格位置大小效果。
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5yYzYTM0UWN0Y2NiZmM3gjN5UDZiNmYlZGO4EzM0EjMl9CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
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
效果圖: