首页前端开发CSScss中设置英文单词之间间距的属性是什么

css中设置英文单词之间间距的属性是什么

时间2024-01-27 20:58:03发布访客分类CSS浏览714
导读:收集整理的这篇文章主要介绍了css中设置英文单词之间间距的属性是什么,觉得挺不错的,现在分享给大家,也给大家做个参考。css中设置英文单词之间间距的属性是word-spacing。word-spacing属性可以增加或减少字与字之间的空白,...
收集整理的这篇文章主要介绍了css中设置英文单词之间间距的属性是什么,觉得挺不错的,现在分享给大家,也给大家做个参考。

css中设置英文单词之间间距的属性是word-spacing。word-spacing属性可以增加或减少字与字之间的空白,如【p{ word-spacing:30px; } 】。

本文操作环境:windows10系统、css 3、ThinkPad t480电脑。

css中有一个word-spacing属性,该属性可以用来设置单词之间的间距。

属性介绍:

word-spacing属性增加或减少字与字之间的空白。

属性值:

  • normal 默认。定义单词间的标准空间。

  • length 定义单词间的固定空间。

  • inherIT 规定应该从父元素继承 word-spacing 属性的值。

具体代码:

!DOCTYPE htML>
    html>
    head>
    meta charset="utf-8">
     title>
    php.cn/title>
     style>
p{
         word-spacing:30px;
}
    /style>
    /head>
    body>
    p>
    This is some text. This is some text./p>
    /body>
    /html>
    

(学习视频分享:css视频教程)

运行结果:

相关推荐:CSS教程

以上就是css中设置英文单词之间间距的属性是什么的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

单词间距

若转载请注明出处: css中设置英文单词之间间距的属性是什么
本文地址: https://pptw.com/jishu/588710.html
flex布局的优缺点是什么 响应式布局有几种方法

游客 回复需填写必要信息