gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 11:37:29 26 4
gpt4 key购买 nike

我正在寻找一个非常简单的功能(我认为),但不知何故让我望而却步。

目前在我的 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>

假设我开始缩小屏幕,从左到右变窄。

“一些标题”与屏幕一起被推到一起并保持完全可见。最终浏览器将其拆分为单独的行。

=====

我的问题是:

我怎样才能改变这种行为,使其从左到右变窄会导致一些文字“肿”到屏幕右侧吗? (被推到窗口的边界之外)。

谢谢

最佳答案

简单地给你的标题一个像像素一样的静态宽度:

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

</style>

关于html - CSS - 窗口大小改变时的元素位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20839486/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com