忽略 div 的大小调整



我有一个超级简单的网页,可以将服务器中的数据作为容器加载到s中。问题是有时图像太高,溢出并导致布局问题。因此,我希望使用以下方法调整div的大小:

target.style.height = height; // As short form of:
document.getElementById('someId').style.height=height;

但到目前为止,我尝试过的任何方法都没有奏效。这是 html 文件:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#E3FBFF" text="#000000" onload="loadImages();">
<script type = "text/javascript">
function loadImages()
{
...Function omitted for brevity...
But it gets to this line:
document.getElementById(d0).style.height = height+10;
}
</script>
<div id=d0></div>
<hr>
<div id=d1></div>
<hr>
<div id=d2></div>
<hr>
<div id=d3></div>
<hr>
</body>
</html>

就是这样!

我找到了像这篇或这篇这样的各种文章,但是,它们没有帮助。

我想到的是,就我而言,我不需要使用div本身。我只需要图像和相关文本不垂直(或水平(重叠。实际上,当图像加载时,可能会一团糟。...如何告诉我的div 是全宽的,没有其他div 的叠加?我尝试使用类,使用CSS等等,都被忽略了。

我想我是在不正确的假设下工作的,即divs 作为面向块的东西,即使您声明全宽("width=100%("也可以并且仍然会垂直重叠,具体取决于放置在其中的内容。

您没有显示分配给"高度"的内容,但从您的代码中,我认为它是一个中间体。

document.getElementById(d0).style.height = height+10;

style需要一个字符串(即10px(,所以给它分配数字是行不通的,请尝试以下操作

document.getElementById(d0).style.height = height+10+'px';

JavaScript会为您将其
转换为字符串 更多关于整数到字符串的信息 在这里 在 JavaScript 中将数字转换为字符串的最佳方法是什么?

height变量添加一个单位。当您编辑元素的 CSS 样式时,这是必需的。参见: MDN

document.getElementById('someId').style.height=height变成:document.getElementById('someId').style.height = height.toString() + 'px'

相关内容

  • 没有找到相关文章

最新更新