很抱歉这个令人困惑的标题，但我不知道如何问这个。
基本上我有一个饮料的标题，旁边的饮料数量就像这样。
Orange Juice ( 20 LT )
我真的使用PHP来输出信息，但这是实现这一目标的代码：
<h6><?php the_title(); ?> <span> ( <?php the_field('quantity'); ?> )</span></h6>
我尝试使用html空间代码但似乎没有工作
所以问题是当屏幕很小并且没有足够的空间时，数量( 20 LT )将继续到下一行，但不是整个数量只是这样的一部分：
Orange Juice ( 20
LT )
我怎样才能做到这一点，如果没有足够的空间来输出数量，那么将整个数量下降到下一行而不仅仅是它的一部分。
如果没有足够的空间，则表示如下所示：
Orange Juice
( 20 LT )
和不只会减少一部分数量，但整个事情。
答案 0 :(得分：0)
为您的<span>提供类似<span class="nowrap">的班级名称，并将其添加到您的CSS
.nowrap {
white-space: nowrap;
}
您可以在该范围内使用通常的spane而不是 。
答案 1 :(得分：0)
尝试将display: inline-block添加到范围中，如下所示：
<h6><?php the_title(); ?> <span style="display: inline-block;"> ( <?php the_field('quantity'); ?> )</span></h6>