时间戳

首页 > 解决方案 > 空白：pre 和 flexbox

css - 空白：pre 和 flexbox

问题描述

我希望white-space: pre在容器内工作，display: flex但看起来 flexbox 根本无法white-space: pre工作。

小提琴 https://jsfiddle.net/silverwind/dhfkap6e应该呈现文本Lost Whitespace，同时保留我用于垂直居中的弹性框。有什么方法可以在不引入包装器的情况下将这两者结合起来？

标签： cssflexbox

解决方案

white-space CSS 属性设置如何处理元素内的空白。

在这里你有 2 个元素，你必须在你的弹性项目上指定边距或填充，或者你可以在你的 span 标签内添加一个空格

<span>Lost_</span>

推荐阅读