html 网页里键盘打多个空格, 所有浏览器中看到也只有 1 个空格的位置间距, 除了使用空格字符外, 是可以用 CSS 来设置控制打空格宽度间距的, 通过 CSS 样式来设置空格想要的多个空格位置大小效果.
CSS 可以使用 Word-spacing 来设置空格宽度不同, 后面可以设置 px 单位值, 也可设置 em 单位值.
em 可以准确设置多个字的宽度效果, 比如 1em 代表空格宽度为 1 个字宽度; 4em 代表空格宽度大小为 4 个字宽度大小的间距.
用样式表准确设置空格长度宽度大小实例代码:
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8" />
- <title>
- CSS 设置空格宽度大小实例 css5
- </title>
- <style>
- .kg{Word-spacing:1em} .kg2{Word-spacing:2em} .kg3{Word-spacing:10px}
- </style>
- </head>
- <body>
- <div>
- 未使用 CSS 设置 空格间距
- </div>
- <div class="kg">
- 使用了 CSS 设置 空格的间距为 1em
- </div>
- <div class="kg2">
- 使用了 CSS 设置 空格的间距为 2em
- </div>
- <div class="kg3">
- 使用了 CSS 设置 空格的间距为 10px
- </div>
- </body>
- </HTML>
效果图:
来源: http://www.css88.com/qa/css3/12621.html