mangojiji
V2EX  ›  CSS

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

  •  
  •   mangojiji · May 13, 2024 · 4330 views
    This topic created in 753 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   ·   915 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 22:17 · PVG 06:17 · LAX 15:17 · JFK 18:17
    ♥ Do have faith in what you're doing.