Css “为什么？”；“内联块”；修剪元素内部末端的空间？

问题是，当我在一个

标记中有多个

元素，并给这些

一个

内联块
的CSS时，
末尾的空间被
内联块
修剪

有人能解释为什么会发生这种行为吗


.container{
宽度：500px；
保证金：自动；
字号：2em；
边框：实心1px红色；
}
.合并{
空白：nowrap；
显示：内联块；
}

你是否愿意为精英、普罗维登特、艾米特、法塞尔、莫迪·伊塔克、普雷塞蒂姆、尼希尔·夸姆主持婚礼？诺斯特鲁姆、奥特·阿苏门达、多洛里巴斯·维塔、埃森蒂伯斯、尤斯托、德比蒂斯、阿利奎姆、奥迪特、帕里图尔、福加、莫利蒂亚、马格尼、

在每个内联块中，前导和尾随空格被视为不重要的，并且不会呈现，遵循与中常规块元素相同的规则。这是因为内联块和常规块一样，都是块容器框，每个都建立自己的内联格式上下文

具体来说，适用于“每一行”的以下步骤实际上适用于每个内联块，因为它包含自己的“文本行”。内部文本并非都与内联块本身占用相同的行框，而是由内联块控制的内联格式上下文

随着每条线路的布置

如果行开头的空格（U+0020）的“空白”设置为“正常”、“nowrap”或“预行”，则会将其删除


[……]


如果一行末尾的空格（U+0020）的“空白”设置为“正常”、“nowrap”或“预行”，则该空格也将被删除


这不同于默认的
显示：inline
，它会导致所有文本在同一行框中呈现。因此，默认跨距中的任何空格都不会被修剪，除非它们位于行的开头或结尾。
您可以在跨距元素中添加额外的填充来解决此问题

例如：


.merge{
空白：nowrap；
显示：内联块；
填充：0 5px；
}
您需要将空格替换为
@nickzoum是的，但为什么会发生这种情况？相关：谢谢，但我只是想寻求解释，而不是解决方案。