Vue. js Dynami c Значение Word Wrap - PullRequest
       0

Vue. js Dynami c Значение Word Wrap

0 голосов
/ 03 апреля 2020

Я не знаю, как обернуть слово в это динамическое c значение, которое я вставил.

Мой код:

  <p style="width: 200px; word-wrap: break-word">
            <strong>Balance Name:</strong>
            {{ props.row.balance }}
          </p>

Как видно из названия баланса, перекрываются дел.

https://gyazo.com/ec963664480742e94499f41ee575ab28


Пример фрагмента, но проблема здесь не отображается

* { box-sizing: inherit; }
p { margin: 0 0 16px; }
<p style="width: 200px; word-wrap: break-word">
  <strong>Balance Name:</strong>
  ITTS NEW ENROLLMENT AND TUITION FEE 2ND SEM 2019-2020
</p>

1 Ответ

2 голосов
/ 03 апреля 2020

Я полагаю, что в настоящее время это свойство применяется к используемой вами библиотеке стилей:

white-space: nowrap; 

, если оно истинно, вы можете попробовать удалить word-wrap: break-word и просто сделать так:

<p style="width: 200px; white-space: normal;">
  <strong>Balance Name:</strong>
  {{ props.row.balance }}
</p>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...