关于文字折行

inline 元素中的文字会被打断折行;

inline-block元素中的文字会整体换行;

假设一行中放不下三个‘北京市’,放两个‘北京市’后就只剩下 两个字的位置

使用inline元素包裹:
北京市,北京市,北京市
效果:
北京市,北京市,北京

使用inline-block元素包裹:
span{
display:inline-block;
}
北京市,北京市,北京市
效果:
北京市,北京市,
北京市

区别在于,inline元素会从中间打断折行,inline-block元素会整体折行。