Font Awesome 5 Есть ли неразрывное пространство для класса "fa-layer-text"? - PullRequest
Новая
       77

Font Awesome 5 Есть ли неразрывное пространство для класса "fa-layer-text"?

0 голосов
/ 15 февраля 2020

Я действительно застрял в этой предположительно простой задаче: я хотел бы поместить одну единственную строку текста, содержащую пробелы, над значком FA. После их инструкции работает только до тех пор, пока в тексте нет пробелов. Пробелы переносят текст в следующую строку. Как я могу предотвратить это, чтобы над значком была только одна строка текста (независимо от ее ширины)?

Это создаст три строки текста над значком сердца solid - я бы хотел просто один. 

.fa-layers {
  margin:50px;
}
<script src="https://use.fontawesome.com/releases/v5.12.0/js/all.js"></script>
<span class="fa-layers fa-fw">
	<i class="fas fa-heart" data-fa-transform="grow-96" style="color:red"></i>
	<span class="fa-layers-text" style="font-weight:900">any text here</span>
</span>

Спасибо за любые подсказки.

1 Ответ

0 голосов
/ 20 февраля 2020

Просто рассмотрите white-space:nowrap;

.fa-layers {
  margin:50px;
}
.fa-layers-text {
  white-space:nowrap;
}
<script src="https://use.fontawesome.com/releases/v5.12.0/js/all.js"></script>
<span class="fa-layers fa-fw">
	<i class="fas fa-heart" data-fa-transform="grow-96" style="color:red"></i>
	<span class="fa-layers-text" style="font-weight:900">any text here</span>
</span>
...