首页 > 解决方案 > CSS:防止单个字符换行

问题描述

大家好,我在阻止单个字符换行时遇到问题

我在单个字符进入新行时遇到以下问题:

在此处输入图像描述

问题在于性格:

我已经设置了包装 div 以下样式

flex-basis: 150px;
flex-shrink: 0;
white-space: normal !important;
word-break: break-word;

但是:符号总是换行,如果我换行或留在同一行,我将如何使它与他拉上一个单词

标签: htmlcss

解决方案


您可以为此使用空格 css 属性:

white-space: nowrap;

https://developer.mozilla.org/en-US/docs/Web/CSS/white-space


推荐阅读