V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
geelaw
V2EX  ›  分享发现

HTML 里的“词边界”

  •  
  •   geelaw · 2020-02-24 18:48:06 +08:00 · 2625 次点击
    这是一个创建于 1735 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    image.png

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

    其中的原因是 👉

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

    3 条回复    2020-02-25 05:22:00 +08:00
    SunriseFox
        1
    SunriseFox  
       2020-02-24 18:58:59 +08:00
    display: inline 和 display:inline-block 喵。
    blueset
        2
    blueset  
       2020-02-24 22:26:40 +08:00
    在博客里面留了个言解释了一下,奈何 Disqus 在我账号有一次被盗之后自动判 Low repulation 了,还希望博主审核一下。
    geelaw
        3
    geelaw  
    OP
       2020-02-25 05:22:00 +08:00 via iPhone
    @SunriseFox #1 inline-block 不能解决复制粘贴的问题,而且我是希望 tag 里面可以断行的。
    此外,这个帖子针对的情况视觉上有很强的欺骗性,容易让人一下子想不到是连续 inline 的问题。

    @blueset #2 done
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5905 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 66ms · UTC 03:35 · PVG 11:35 · LAX 19:35 · JFK 22:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.