个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
29
4
我问这个是因为可能有一种更简单的方法来做我想做的事情，但我对特定组件的了解还不足以提出正确的问题。
我想要的似乎很简单:我有一系列 divs在 HTML 文件中顺序相邻(文件中的下一行)，我想使用 insertHTML能够将图像和一些相关文本插入每个 divs . divs应该是当前浏览器窗口的全宽，我希望垂直大小随内容动态调整，这样 div 上方或下方不会溢出。 .而且，没有垂直浪费的空间可言。
我认为这可以通过一种简单的方式完成并且已被证明是错误的，但我发现最简单的方法是垂直调整 divs 的大小在同样运行 insertHTML() 的代码中.我的密码是 already posted here,当我问为什么调整大小不起作用时。 (答案是我遵循的示例没有指定单位，所以我也没有指定单位，但是一旦它有了单位，它就起作用了。)
代码中唯一没有显示的部分可能是相关的，插入到 divs 中的代码通过insertHTML :
html = '<hr><a href="'+link+'"><img src="'+image+'" width="60%" align="right"></img><h1>'+title+'</h1></a>'+summary;
target.style.height = height+"px";
target.innerHTML = html;
好的，所以我现在有一些东西有时非常好，但垂直高度来自图像的原始高度，但有时这不是真实高度，因为我需要将大图像的大小重新调整为 60%显示宽度以保持格式合理。同时，文本有时也会溢出图像的高度，所以即使我知道图像的实际高度 - 我想我是通过 onLoad 中的“<img> ”指令调用的函数获得的。标签 - 这并不总是足够的。
所以，即使我有加载后的图像尺寸，我仍然不知道 div 的最终尺寸应根据文本设置为。
在我的长载体中，我发现如果解决方案看起来很复杂，则可以安全地假设“我只是做错了”。正确的做法是什么？
如果这是正确的方法，那么完成这个更复杂方法的最佳步骤是什么？例如，有没有办法获得 div 的“首选”大小，包括图像和文本？有没有办法在执行 insertHTML 的代码中获取当前图像的实际高度(我想不是因为图像尚未加载)？或者，还有什么是我没有考虑到的？
最佳答案
答案是……
...是的，我做错了!
我忽略了 div 的 CSS 特性，称为 overflow: auto; 添加这个，它突然起作用了!
因此，div 的代码现在如下所示:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.mydivs { display:block; width:100%; margin:auto; overflow:auto; }
</style>
</head>
<body bgcolor="#E3FBFF" text="#000000" onload="loadImages();">
<script type = "text/javascript">
function loadImages()
{
// ...Function omitted for brevity...
// But it gets to this line where html
// contains the <img src> tag, etc, and
// target is already pointed at my div
// object:
target.innerHTML = html;
}
</script>
<div id=d0 class="mydivs"></div>
<hr>
<div id=d1 class="mydivs"></div>
<hr>
<div id=d2 class="mydivs"></div>
<hr>
<div id=d3 class="mydivs"></div>
<hr>
</body>
</html>
简单!
关于JavaScript:我可以跳过复杂的 div 大小调整以获得我想要的 "full width block, no vertical overlap"行为吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52282418/
29
4
0
我的算法- private static MyList skip$DeleteItem(MyList L , int M , int N){ MyList curr = L; MyLi
我正在 SWI-Prolog 下开发，但我的目标是 Erlog (https://github.com/rvirding/erlog)。我需要一种使用非标准 Prolog 语法的方法。 有没有办法
我正在尝试从应用程序下载一大堆文件。它的shell命令是“下载文件名”。 我有一个文本文件，其中包含必须下载的所有文件名。我要做的就是运行一个脚本/命令，以便在执行上述命令时 1.从文本文件中提取文件
我试图循环遍历所有用户的评论，但使用 if 语句查找特定值。问题是我的应用程序崩溃了，因为一些用户没有发表评论，因此我得到“无法读取‘收集’未定义的属性”。如何跳过 if 语句的未定义值？代码如下:
我们有按年份分区的索引，例如: items-2019 items-2020 考虑以下数据: POST items-2019/_doc { "@timestamp": "2019-01-01" }
我只是编写一个页面来按实体编号查看每个 ASCII 条目，我想知道是否有一种更简单/更干净的方法来跳过不需要的数字。 var x = new Ar
我希望能够普遍使用重复条目，但也能够跳过特定日期。例子: ** TODO swim practice SCHEDULED 但是，我提前知道 2013-12-25 不会有练习。但是，当我将项目标
如何跳过像这样的 for 循环的一次迭代: for (int i = 65; i <= 90; i++) { if (!(i == 73)) { uniq.add((char) i);
这个问题已经存在: Scanner issue when using nextLine after nextXXX [duplicate] 已关闭 9 年前。 ask=1; while(ask==1)
我在使用一个程序时遇到了一些麻烦，我应该允许用户在程序中输入任意数量的数字，直到他们不再想要为止。然后程序应该计算输入数字的平均值和最大值。我哪里做错了？ import java.util.Scann
我有一个名为segments的 Sprite 数组，我想在每个循环中跳过segments的第一个元素。我目前正在这样做: var first = true; for each (var segment
我目前正在编写一个 for 循环来遍历包含 38 个元素的 2D。然而，其中一些元素为空，我希望 for 循环简单地跳过它们(因为在我正在解决的难题中，它们没有与它们相关的移动)。快速搜索表明，我可以
我想使用pre-commit处理我的 git 项目的 git hooks。但是，当我使用它时，git commit 命令不断跳过 unittest 执行: (smartexchange) trnboo
这个问题在这里已经有了答案: Does scanf() take '\n' as input leftover from previous scanf()? (1 个回答) 关闭 9 年前。 我正在
我正在迭代 csv 文件中的每一行，并仅选择/计算满足条件的行。但是，当连续出现错误时，它会停止循环。有没有办法告诉 python 跳过错误并移动到下一行？我使用了 try 函数但没有工作。我的代码是
感谢您提供的优秀示例，我试过了，它按我的预期工作。很高兴看到有人了解问题的本质。但是，我认为我应该用 Lift 标记问题，因为我正在使用 Lift 框架，这就是(仍然)发生这个问题的地方(尽管我仍然认
大家好，我正在编写一个算法来从 NodeTree 中删除具体分支(例如 DSF)。如果您选择 Node 的名称，算法将检查该 Node 是否是其他 Node 的父 Node ；如果是，它会获取该 No
附有代码和输出。 基本上它是第二次跳过我的输入。就像我启动代码一样，它让我输入一个选项，然后第二次跳过输入，直接转到开关的默认情况。 然后第三次它就会允许我输入。不明白为什么。 任何帮助将不胜感激。
我在 JavaScript 中有一个 for 循环，它会定期跳过间隔，但我无法确定原因。 console.log(parseInt($('input.num-to-add').val())); num
我正在 JasperSoft 中填写参数。在我的报告中我有参数:参数_1、参数_2、参数_3 int a; for (a = 0; a < headers.length; a++) {
我是一名优秀的程序员,十分优秀！