html - 放置 span 和 wicket :message together in next line

Question

我有一个 td [表数据]，我在其中放置了文本为“Crocin 650 MG”的 span 标签、文本为“Qty”的 wicket:message 和文本为“8”的另外 1 个 span 标签。所有这些都来自 1 行。

当文本长度增加时，第 2 行只有 8 次换行。我想在换行后移动下一行的“Qty”和“8”，而不仅仅是 8。

<td wicket:id="testing" class="label">
    <strong><span wicket:id="dosage">Crocin 650 90MG, </span></strong>
    <wicket:message key="Qty" />
    <span wicket:id="quantity">8</span>
</td>

之后还有一些其他的表数据。

类标签如下:

label {
    width: 32%;
    padding-left: 22px;
    text-align: left;
    padding-right: 22px;
}

输出是:

Crocin 650 90MG, Qty

8

我希望这个输出为:

Crocin 650 90MG, Qty 8

Answer 1

您可能需要将数量和数量包装在额外的 <span> 中并添加 white-space: nowrap;对它:

<td wicket:id="testing" class="label">
    <strong><span wicket:id="dosage">Crocin 650 90MG, </span></strong>
    <span style="white-space: nowrap;"><wicket:message key="Qty" /><span wicket:id="quantity">8</span></span>
</td>