用户登录
用户注册

分享至

css word-spacing

  • 作者: 我的它舔着她的它
  • 来源: 51数据库
  • 2020-04-15

通过CSS设置中文文字的间距,可以通过调整样式表中的什么属性实现...

展开全部 1.在文件夹中创建一个“test”的html文件。

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

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

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

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

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

#wd{letter-spacing:30px;}如图所示 7.在浏览器中打开我们发现字间距变大了。

如图所示 ...

CSS如何控制字间距

展开全部 字间隔word-spacing 属性可以改变字(单词)之间的标准间隔。

其默认值 normal 与设置值为 0 是一样的。

word-spacing 属性接受一个正长度值或负长度值。

如果提供一个正长度值,那么字之间的间隔就会增加。

为 word-spacing 设置一个负值,会把它拉近:p.spread {word-spacing: 30px;}p.tight {word-spacing: -0.5em;}This is a paragraph. The spaces between words will be increased.This is a paragraph. The spaces between words will be decreased.字母间隔letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。

与 word-spacing 属性一样,letter-spacing 属性的可取值包括所有长度。

默认关键字是 normal(这与 letter-spacing:0 相同)。

输入的长度值会使字母之间的间隔增加或减少指定的量:h1 {letter-spacing: -0.5em}h4 {letter-spacing: 20px}This is header 1This is header 4望采纳……...

转载请注明出处51数据库 » css word-spacing

软件
前端设计
程序设计
Java相关