Question

我有这个DIV：

#bar {
  margin: 5px 0px 10px 0px;
  height: 25px;
  background:#c0c0c0;
  color: #E0E0E0;
  border: 2px solid #444444;
  background: #333333;
  padding: 5px;
}

这个iframe：

<div id="bar">
<iframe src="myvotes.php?u=<? echo $_GET['u']; ?>" width="100%" height="28px" scrolling="no" frameborder="0"></iframe>
</div>

在iframe（myvotes.php）中，有5张小图片，每张16 x 16，后面跟着一些文字。我试图将图像和文本垂直对齐在[div id =“bar”]中，但没有成功。

首先，我的iframe应该有多高。我尝试过从16px到35px的所有内容。我已经尝试添加填充和边距的各种组合以使其成为中心，但没有运气，

同样，我没有提供链接，但任何帮助都是值得赞赏的。这些小东西太烦人了，浪费了我没有的大量时间。

Answer 1

如果这会回答你的问题我不是百分之百肯定，因为我对你要做的事情有点不确定，但vertically align图像的简单方法是设置垂直 - 对齐它们的属性：

#bar img {
    vertical-align: middle; 
}

如果这不起作用，您也可以尝试将line-height设置为与div相同的高度：

#bar {
    height: 28px;
    line-height: 28px;
}

完全不相关，您在本网站上缩进4个空格的任何文字都会给它code style formatting。

Answer 2

我不知道我做了什么，但我只是弄乱了所有的价值并得到了它，但我不应该这样做。我不知道其他程序员是如何处理这类事情的，但是在这个项目之后，我只是把它扔进去。太多时间搞砸了那些真的只需要几分钟的事情，但最终花了几个小时。 / p>

好吧，我的咆哮，谢谢你的建议，我发布时无法找到代码按钮，所以不得不即兴发挥。

垂直对齐也是自我解释，但它不能像我预期的那样工作。我想我记得在某处看到图像周围总是有空间。不确定。

Answer 3

我认为您需要通过垂直对齐来指定您的意思。但重要的是要知道，iframe是棘手的野兽。基本上它们是网页中的网页，如果没有与该“内部”页面关联的样式，则所有内容都与左上角对齐。

您可能想要做的是让myvotes.php回显您想要包含在具有适当css的div中的内容。我相信myvotes.php也必须拥有它自己的css，这就是div从它的风格中得到的。如果你能为myvotes.php提供一些源代码，我可以帮助你。

Answer 4

不确定您的问题，但我会尝试为您提供一个解决方案，您可以垂直对齐16x16图像。

在myvotes.php中创建一个div并将图像保存在其中。一个例子。

<div id="someone" style="width:16px;">
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
   <img src=".........."/>
</div>

这会将您的图像放在垂直列中。

现在你的主要div和iframe

<div id="bar">
<iframe src="myvotes.php?u=<? echo $_GET['u']; ?>" width="100%" height="80px" scrolling="no" frameborder="0"></iframe>
</div>

我不确定，这是你的答案。无论如何希望它有所帮助。

DIVS，CSS和iframe

4 个答案: