CSS中如何设置单词的间距?

html-css0174

CSS中如何设置单词的间距?,第1张

letter-spacing:文字间隔

word-spacing:字母间隔

亦可以设置margin或者padding

例如

<li>足彩</li><li>高频</li>可以在css里面设置li

让margin

5px;这两个词就会有间隔。如果要让字之间间隔

可以直接定义样式letter-spacing:2px

会让所有字分开距离

设定CSS控制元素内部的元素之间间距,首先需要理解的就是css中的margin和padding的意思和使用,具体用法,如图:元素内部的间距,需要的就是有多个div的嵌套,或者说是有多个上下类的元素,通过给这些元素一个id或者是class,然后在用css来控制,具体看下代码:#round{width:400pxheight:200px}#div2{width:300pxheight:50pxmargin-top:10px//距离上边的距离是10pxmargin-left:20px//距离左边的距离是20px}测试文字

1.在文件夹中创建一个“test”的html文件。如图所示

2.在里面添加html标签框架。如图所示

3.在里面添加一个“div”并放入文字。如图所示

4.然后我们发现默认文字之间比较紧凑。如图所示

5.现在我们给div设置一个id为“wd”。如图所示

6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px}如图所示

7.在浏览器中打开我们发现字间距变大了。如图所示