问为什么行内块在不换行空格之后换行？
EN

Stack Overflow用户

提问于 2014-07-31 00:15:42

回答 1查看 4.7K关注 0票数 23

一些HTML代码：

<p id='one'>Hello World how are you.&nbsp;<span>Entrepreneur</span></p>

<p>Hello World how are you.&nbsp;<span>Entrepreneur</span></p>

一些CSS：

#one span {
  display: inline-block;
}

p {
  font-family: Arial;
  font-size: 16px;
  width: 200px;
}

第二段的行为符合我的预期。

然而，第一个的行为不同，因为跨度是一个内联块。

我的问题是，为什么inline-block跨度忽略了span和前面单词之间的 和换行？

谢谢!

示例fiddle here。

发布于 2014-07-31 00:22:29

我可以想象这是由于内联块将元素内部呈现为一个块。因为文本和跨度之间没有空格，所以强制中断，然后将其放到不同的行上。

但之前没有注意到，所以这主要是猜测。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25041857

复制

相似问题

问为什么行内块在不换行空格之后换行？EN