設(shè)置單詞間距的CSS3樣式怎么寫

本篇內(nèi)容介紹了“設(shè)置單詞間距的CSS3樣式怎么寫”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

設(shè)置單詞間距的CSS3樣式是“word-spacing:單詞間距值;”；“word-spacing”屬性用于增加或減少字與字之間的空白，也就可以設(shè)置單詞之間的間距，數(shù)值也可以設(shè)置為負(fù)值。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

設(shè)置單詞間距的CSS3樣式是什么

在做英文網(wǎng)頁(yè)中，有時(shí)候我們英文簡(jiǎn)介中的單詞，如果我們想要單詞與單詞之間有間距，如何實(shí)現(xiàn)呢？我們要使用到word-spacing這個(gè)屬性來(lái)設(shè)置。

我們新建一個(gè)html網(wǎng)頁(yè)文件，把他命名為test.html，接下來(lái)我們用test.html文件來(lái)講解css如何設(shè)置單詞間隔。要使用div標(biāo)簽創(chuàng)建一行文字“css如何設(shè)置單詞間隔”，并且把文字內(nèi)容翻譯成英文“How to set word interval in CSS”。給div標(biāo)簽加上一個(gè)樣式，設(shè)置div標(biāo)簽的class屬性為mybkkd。

編寫css樣式<style type="text/css"></style>標(biāo)簽，mybkkd樣式將寫在該標(biāo)簽內(nèi)。

通過(guò)div標(biāo)簽的class屬性mybkkd設(shè)置文本之間的距離。在括號(hào)內(nèi)，mybkkd的div設(shè)置css屬性樣式為word-spacing:8px;，單詞間距為8px

在瀏覽器瀏覽一下test.html，來(lái)看看效果能否實(shí)現(xiàn)。

注意事項(xiàng)

1、創(chuàng)建一個(gè)test.html頁(yè)面。

2、在test.html里，使用到div標(biāo)簽創(chuàng)建一行文字，并加上樣式名稱。

3、在css中，將mybkkd的樣式為word-spacing:8px;單詞間距為8px

4、word-spacing只對(duì)英文單詞間距起作用的，對(duì)中文是不起作用的，如果想要字之間的間距就要用letter-spacing屬性。

5、word-spacing是英文單詞間距，letter-spacing是字的間距，對(duì)中英都起作用。

“設(shè)置單詞間距的CSS3樣式怎么寫”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！