Размещение span и калитки: сообщение вместе в следующей строке - PullRequest
0 голосов
/ 09 июля 2019

У меня есть td [таблица данных], в которой я размещаю тег span с текстом «Crocin 650 MG», wicket: сообщение с текстом «Qty» и еще один тег span с текстом «8». Все это идет в одну строку.

Когда длина текста увеличивается, во второй строке только 8 переносов. Я хочу переместить как "Кол-во", так и "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;
}

Вывод:

Кроцин 650 90 мг, Кол-во

8

Я хочу этот вывод как:

Кроцин 650 90 мг, Кол-во 8

1 Ответ

1 голос
/ 09 июля 2019

Возможно, вам понадобится обернуть количество и число в дополнительные <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>
...