Минимальная ширина (CSS)

Question

У меня есть заголовок (ширина 100%), содержащий некоторые ссылки. Когда вы изменяете размер браузера, ссылки будут отображаться друг под другом, когда места мало. Я знаю, что могу использовать минимальную ширину для этой проблемы, но я не знаю точный объем пространства, которое будут использовать ссылки, потому что они динамические. Как я могу решить эту проблему?

Answer 1

Если ваш код такой

<div id="links">
   <a href="#link">Link</a>
   <a href="#link">Link</a>
   <a href="#link">Link</a>
</div>

Вы могли бы иметь этот CSS:

#links {
   white-space: nowrap;
}

Это предотвратит перенос ссылок на другую строку.

Если ваш код не такой, отправьте его со своим вопросом.

Answer 2

Вы не дали много деталей, но мне кажется, что вам нужно что-то, чтобы остановить их завертывание.

В этом случае вы можете попробовать это:

.parentelement {
    white-space:nowrap;
}

, который будет применяться к элементу контейнера полей, которые вы хотите сохранить в строке.