HTML 里的“词边界”

[geelaw]

一个列表里有若干个项目，项目之间不换行，而是用一个较大的空白隔开（根据列表的宽度自动断行）。

图中上半部分是原先代码的实际效果，下半部分是期待的效果，也是修复之后的效果——列表的宽度足够显示两项，但不够显示三项，应该在第二项结束后断行，而不是在第二个项目中间断。

其中的原因是 👉

我并不是做前端开发的，不知道这个问题是否常见。

[SunriseFox]

display: inline 和 display:inline-block 喵。

[blueset]

在博客里面留了个言解释了一下，奈何 Disqus 在我账号有一次被盗之后自动判 Low repulation 了，还希望博主审核一下。

[geelaw]

@SunriseFox #1 inline-block 不能解决复制粘贴的问题，而且我是希望 tag 里面可以断行的。
此外，这个帖子针对的情况视觉上有很强的欺骗性，容易让人一下子想不到是连续 inline 的问题。

@blueset #2 done