V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
mangojiji
V2EX  ›  CSS

请问一个 DIV 内的多个 span 如何连在一起显示呢?试了好多办法都不行。

  •  
  •   mangojiji · 225 天前 · 1554 次点击
    这是一个创建于 225 天前的主题,其中的信息可能已经有所发展或是发生改变。

    代码: https://codepen.io/b1ghawk/pen/xxNbMwR

    Imgur

    想要实现这样的效果:

    pic2

    7 条回复    2024-05-14 06:26:34 +08:00
    mangojiji
        1
    mangojiji  
    OP
       225 天前
    加了个 word-break:break-all; 解决了。
    white-space 不行。没搞懂这个规则。
    koor
        2
    koor  
       225 天前
    <span>之间不要换行
    ashuai
        3
    ashuai  
       225 天前
    .box 里加上
    ```css
    word-wrap: break-word;
    ```

    你实际内容是正经英文或中文吧?不是现在这种东西吧?
    mangojiji
        4
    mangojiji  
    OP
       225 天前
    @ashuai 这个不行,试过的。
    qzsi001
        5
    qzsi001  
       225 天前
    用 flex 布局
    xxmym
        6
    xxmym  
       225 天前
    @mangojiji #1 原因是单词过长,处理空格当然没用
    mangojiji
        7
    mangojiji  
    OP
       225 天前
    @xxmym 谢谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5326 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 09:15 · PVG 17:15 · LAX 01:15 · JFK 04:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.