inline 元素中的文字会被打断折行;
inline-block元素中的文字会整体换行;
假设一行中放不下三个‘北京市’,放两个‘北京市’后就只剩下 两个字的位置
使用inline元素包裹:
北京市,北京市,北京市
效果:
北京市,北京市,北京
市
使用inline-block元素包裹:
span{
display:inline-block;
}
北京市,北京市,北京市
效果:
北京市,北京市,
北京市
区别在于,inline元素会从中间打断折行,inline-block元素会整体折行。