複製鏈接
請複製以下鏈接發送給好友

word-spacing

鎖定
word-spacing 屬性增加或減少單詞間的空白(即字間隔)。
中文名
word-spacing
normal
默認 間距
length
由浮點數字和單位標識符組成
説    明
元素中字之間插入多少空白符

目錄

word-spacing參數

normal :  默認間距
length :  由浮點數字和單位標識符組成的長度值,允許為負值。請參閲長度單位

word-spacing説明

該屬性定義元素中字之間插入多少空白符。針對這個屬性,“字” 定義為由空白符包圍的一個字符串。如果指定為長度值,會調整字之間的通常間隔;所以,normal 就等同於設置為 0。允許指定負長度值,這會讓字之間擠得更緊。

word-spacing示例

div { word-spacing : 10; }
div { word-spacing : 10px; }
注意:1.如果你是用dreamweaver等 軟件進行編輯時 在編輯界面中是看不到效果的,
你需要用瀏覽器才能看的最終的效果!
2.在單位方面 可以用.px .em .ex 等等
因此在單位方面不需要有太多的考慮 依照自己的實際需要用就可以了!
3.用word-spacing可以使用負值

word-spacing實例

本例演示如何增加段落中單詞間的距離。
<html>

<head>

<styletype="text/css">

p.spread{word-spacing:30px;}

p.tight{word-spacing:-0.5em;}

</style>

</head>


<body>

<pclass="spread">Thisissometext.Thisissometext.</p>

<pclass="tight">Thisissometext.Thisissometext.</p>

</body>

</html>