gpt4 book ai didi

html - 跨度标签中未呈现的空间

转载 作者:行者123 更新时间:2023-12-04 15:07:05 25 4
gpt4 key购买 nike

我有以下 HTML:

<html>

<body>
hi hi
<br>
<span> hi hi </span>

</body>
</html>

我的期望是 hi hi 之前会有空格,它们对应于跨度中它们之前的空格。但是,这些空间没有在 Chrome 中呈现:

enter image description here

为什么空格字符没有在我的 span 中呈现?

最佳答案

输出是一个 HTML 网页,在 HTML 中,多个空格被折叠成一个空格。标记开头和结尾的空格不可见。

你可以用 css 解决这个问题:

.showSpaces{
white-space: pre;
}

并在html中设置类

<span class="showSpaces">          hi   hi   </span>

完整示例

.showSpaces{
white-space: pre;
}
<html>

<body class="showSpaces">
hi hi
<br>
<span> hi hi </span>

</body>
</html>

另一种选择是使用 <pre> HTML 中的标签。

关于html - 跨度标签中未呈现的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43476923/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com