我在外部 div 中有一组标签，如下所示:
╔════════════════════════════╗
║ ╔═══════╗╔═════╗╔═══╗╔═══════╗╔═══╗
║ ║ tag 1 ║║ t 2 ║║ 3 ║║ tag 4 ║║ 5 ║ 👈❌
║ ╚═══════╝╚═════╝╚═══╝╚═══════╝╚═══╝
╚════════════════════════════╝
我希望标签像这样换行:
╔═══════════════════════╗
║ ╔═══════╗╔═════╗╔═══╗ ║
║ ║ tag 1 ║║ t 2 ║║ 3 ║ ║ 👈✅
║ ╚═══════╝╚═════╝╚═══╝ ║
║ ╔═══════╗╔═══╗ ║
║ ║ tag 4 ║║ 5 ║ ║
║ ╚═══════╝╚═══╝ ║
╚═══════════════════════╝
但无论我尝试过什么，到目前为止我只能像第一个示例那样得到溢出，或者将 within 包裹在内部 div 中，如下所示:
╔════════════════════════════╗
║ ╔═══════╗╔═════╗╔═══╗╔════ ║
║ ║ tag 1 ║║ t 2 ║║ 3 ║║ tag ║
║ ╚═══════╝╚═════╝╚═══╝╚════ ║ 👈❌
║ ═══╗╔═══╗ ║
║ 4 ║║ 5 ║ ║
║ ═══╝╚═══╝ ║
╚════════════════════════════╝
在满足以下条件的情况下，是否可以只使用 CSS 获得所需的行为？
条件
- 内部 div 从不在内部换行(必需)
- 外部 div 紧贴内容高度(必需)
- 内部 div 布局在外部 div 内水平居中(必需)
- 外部 div 紧贴内容宽度(首选)
- (或者，可接受但不受欢迎)外部 div 具有固定宽度
最佳答案
需要设置内层div的显示为display: inline-block，并为外层div提供宽度。然后，你就可以开始了!
关于html - 防止文本在 div 中换行，但并非没有，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52067076/