一些HTML代码:
<p id='one'>Hello World how are you. <span>Entrepreneur</span></p>
<p>Hello World how are you. <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
我可以想象这是由于内联块将元素内部呈现为一个块。因为文本和跨度之间没有空格,所以强制中断,然后将其放到不同的行上。
但之前没有注意到,所以这主要是猜测。
https://stackoverflow.com/questions/25041857
复制相似问题