CSS - положение элементов при изменении размера окна

0

Я ищу довольно простую функцию (я думаю), которая каким-то образом ускользает от меня.

В настоящее время при изменении размера файла html окно толкает элемент с одной стороны на другую до определенной точки. Независимо от того, насколько я его сужу, браузер всегда пытается отобразить все элементы, даже если они перекрываются.

допустим, например, простой код:

<!DOCTYPE html>
<html>
    <body>

        <div id=example>
            <h1>Some Heading Some Heading Some Heading Some Heading Some Heading</h1>
        </div>


    </body>
</html>

<style>
    #example{
        color:blue;
    }

</style>

предположим, я начинаю делать экран меньше, сужая его слева направо.

"Some Heading" сдвигается вместе с экраном и остается полностью видимым. В конце концов браузер разбивает его на отдельные строки.

=====

Мой вопрос:

как я могу изменить это поведение таким образом, что его сужение слева направо приведет к тому, что часть текста будет "опухла" в правой части экрана? (вытесняется за пределы окна).

благодаря

  • 0
    Дайте вашему div фиксированную / минимальную ширину.
  • 0
    Ты уверен? Я попробовал это, и все еще невозможно продвинуться за границы. все всегда отображается.
Показать ещё 3 комментария
Теги:
resize

1 ответ

0
Лучший ответ

Просто дайте вашему заголовку статическую ширину, как пиксели:

<style>
#example{
    color:blue;
    width:200px;
}

</style>
Поделиться
  • 0
    спасибо, но что, если я хочу, чтобы ширина была 100%? (использование ширины в px становится проблемой, не так ли?)
  • 0
    Вы хотите, чтобы ширина составляла 100% размера экрана? Тогда он явно изменит свой размер.
Показать ещё 6 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню