mangojiji
V2EX  ›  CSS

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

  •  
  •   mangojiji · May 13, 2024 · 4162 views
    This topic created in 731 days ago, the information mentioned may be changed or developed.

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

    Imgur

    想要实现这样的效果:

    pic2

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

    你实际内容是正经英文或中文吧?不是现在这种东西吧?
    mangojiji
        4
    mangojiji  
    OP
       May 13, 2024
    @ashuai 这个不行,试过的。
    qzsi001
        5
    qzsi001  
       May 13, 2024
    用 flex 布局
    xxmym
        6
    xxmym  
       May 13, 2024
    @mangojiji #1 原因是单词过长,处理空格当然没用
    mangojiji
        7
    mangojiji  
    OP
       May 14, 2024
    @xxmym 谢谢
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   6118 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 138ms · UTC 06:12 · PVG 14:12 · LAX 23:12 · JFK 02:12
    ♥ Do have faith in what you're doing.