Question

我正在寻找一个非常简单的功能（我认为）以某种方式逃避我。

目前在我的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”与屏幕一起推动并保持完全可见。最终，浏览器将其分解为单独的行。

=====

我的问题是：

如何以一种从左到右缩小范围的方式改变这种行为会导致一些文字“肿胀”到屏幕的右侧吗？（超出窗口的边界）。

感谢

Answer 1

简单地为标题添加像素的静态宽度：

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

</style>

CSS - 窗口大小更改时的元素位置

1 个答案: