将 span 和 wicket:message 放在下一行

Question

我有一个 td [table 数据]，我在其中放置了文本为 "Crocin 650 MG" 的跨度标签，文本为 "Qty" 的 wicket:message 和另外 1 个跨度将文本标记为“8”。所有这些都来自 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>

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

Class标签如下：

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>

将 span 和 wicket:message 放在下一行

Placing span and wicket:message together in next line

html

css

wicket