javascript - 为什么当我隔开 <span> 时格式会改变?

标签 javascript jquery html css

所以我有这行代码,每个字母的颜色有 5 个不同的跨度

<span style="color: #B03A2E;">A</span><span style="color: #76448A;">M</span><span style="color: #2874A6;">I</span><span style="color: #239B56;">T</span><span style="color: #B7950B;">Y</span>

但是,我希望我的代码组织得更好,所以我“换行”了跨度。

<span style="color: #B03A2E;">A</span>
<span style="color: #76448A;">M</span>
<span style="color: #2874A6;">I</span>
<span style="color: #239B56;">T</span>
<span style="color: #B7950B;">Y</span>

这样做的问题是,它使 HTML 输出间隔开,而不是作为一个单词放在一起。这是为什么,可以解决吗?

最佳答案

换行符和多个空格在 HTML 中被视为单个空格,但有一些异常(exception),例如 <pre> .你不需要空格,然后把它们串起来。

关于javascript - 为什么当我隔开 <span> 时格式会改变?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41134012/

相关文章:

javascript - 如何在 javascript 中访问焦点上的 css?

java - 如何使用 POI 或 docx4j 将 HTML 文本写入 Microsoft Word 文档?

javascript - JS onclick div 消失,直到播放动画

javascript - document.getElementById 返回 null

Javascript 本地存储错误

javascript - 如何更改 TimeCircles 的高度和宽度?

jquery - 图像旋转器的显示/隐藏问题

javascript - Chart.js 工具提示在更新后不断记住旧数据

javascript - XML 在 jquery 中的格式不正确

javascript - 多段随机颜色功能