防止文本在div内换行，但不是没有换行
防止文本在div内换行，但不是没有换行
提问于 2018-08-29 06:36:46
我在外部div中有一组标记，如下所示：
╔════════════════════════════╗
║ ╔═══════╗╔═════╗╔═══╗╔═══════╗╔═══╗
║ ║ tag 1 ║║ t 2 ║║ 3 ║║ tag 4 ║║ 5 ║ ❌
║ ╚═══════╝╚═════╝╚═══╝╚═══════╝╚═══╝
╚════════════════════════════╝我希望标签像这样换行：
╔═══════════════════════╗
║ ╔═══════╗╔═════╗╔═══╗ ║
║ ║ tag 1 ║║ t 2 ║║ 3 ║ ║ ✅
║ ╚═══════╝╚═════╝╚═══╝ ║
║ ╔═══════╗╔═══╗ ║
║ ║ tag 4 ║║ 5 ║ ║
║ ╚═══════╝╚═══╝ ║
╚═══════════════════════╝但无论我尝试了什么，到目前为止，我只能得到像第一个示例中那样的溢出，或者像这样在内部div中进行包装：
╔════════════════════════════╗
║ ╔═══════╗╔═════╗╔═══╗╔════ ║
║ ║ tag 1 ║║ t 2 ║║ 3 ║║ tag ║
║ ╚═══════╝╚═════╝╚═══╝╚════ ║ ❌
║ ═══╗╔═══╗ ║
║ 4 ║║ 5 ║ ║
║ ═══╝╚═══╝ ║
╚════════════════════════════╝在满足以下条件的情况下，有没有办法仅用CSS就能获得所需的行为？
Criteria
(required)
- Outer div内部div从不内部换行(required)
- Outer div内容高度(required)
- Inner div布局在外部div内部水平居中(required)
- Outer div拥抱内容宽度(首选)
- (或，可接受但不需要)外部div具有
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52067076
复制相关文章
相似问题
腾讯云开发者
