怎么修改html的空格⼤⼩,css怎么设置空格的宽度不⼀样?html⽹页⾥键盘打多个空格,所有浏览器中看到也只有1个空格的位置间距,除了使⽤空格字符外,是可以⽤css来设置控制打空格宽度间距的,通过css样式来设置空格想要的多个空格位置⼤⼩效果。
css可以使⽤word-spacing来设置空格宽度不同,后⾯可以设置px单位值,也可设置em单位值。
em可以准确设置多个字的宽度效果,⽐如1em代表空格宽度为1个字宽度;4em代表空格宽度⼤⼩为4个字宽度⼤⼩的间距。
⽤样式表准确设置空格长度宽度⼤⼩实例代码:
css设置空格宽度⼤⼩实例 css5
.kg{word-spacing:1em}
html网页设计css.kg2{word-spacing:2em}
.kg3{word-spacing:10px}
未使⽤css设置 空格间距
使⽤了css设置 空格的间距为1em
使⽤了css设置 空格的间距为2em
使⽤了css设置 空格的间距为10px
效果图:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论