在 HTML 中,直接输入空格字符会被合并为一个空格。如果需要显示多个连续空格或控制空格类型,可以通过以下方法实现:
最常用的空格实体,表示一个不会被浏览器合并的空格。
html
Hello World
效果:Hello World
相当于一个字母宽度(1em 的一半)。
html
Hello World
效果:Hello World
相当于一个汉字宽度(1em)。
html
Hello World
效果:Hello World
通过 `white-space: pre` 或 `pre-wrap` 保留空格和换行:
html
preserve-space {
white-space: pre;
Hello World
效果:Hello World
调整元素边距或内边距:
html
space-left {
margin-left: 20px; / 左侧添加 20px 间距 /
HelloWorld
` 标签
` 标签会保留文本中的空格和换行:html
Hello World
效果:
Hello World
` 或 `white-space: pre`
根据具体场景选择合适的方法!
版权声明: 知妳网保留所有权利,部分内容为网络收集,如有侵权,请联系QQ793061840删除,添加请注明来意。
工作时间:8:00-18:00
客服电话
电子邮件
admin@qq.com
扫码二维码
获取最新动态