Задать вопрос
@dm_black

Как изменить количество слов в div в зависимости от его ширины?

Есть кнопка:
<div id="regbox">
	LOGIN or REGISTER
</div>


#regbox {
	position: absolute;
	height: 100%;
	width: 12.9%;
	left: 71.4%;
	border-left: solid 2px #383838;
	border-right: solid 2px #383838;
	text-align: center;
	font: 11px Arial, Tahoma, Geneva, sans-serif;
	color: #747474;
	line-height: 400%;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

Когда ширина позволяет, выводит: Login or register
Когда ширина экрана уменьшается, оно выводит: Login or (перенос строки) register
Еще уменьшая: Login (перенос строки) or register
Как пропустить первый вариант?
То бишь, как только все целиком не помещается - оставляет только одно слово в строке.
  • Вопрос задан
  • 2292 просмотра
Подписаться 2 Оценить Комментировать
Решения вопроса 1
standy
@standy
Попробуйте неразрывный пробел:
Login or&nbsp;register
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
thewind
@thewind
php программист, front / backend developer
Как вариант css white-space: nowrap
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы