我正在寻找一个非常简单的功能(我认为),但不知何故让我望而却步。
目前在我的 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/