css - DIVS，CSS和iframe

我有这个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的所有内容。我尝试添加填充和边距的各种组合以使其居中，但没有运气，

再次，我没有提供任何链接，但可以提供任何帮助。这些小事情太烦人了，浪费了我所没有的大量时间。

最佳答案

如果能回答您的问题，我不是100％肯定的，因为我不确定您要做什么，但是vertically align图像的一种简单方法是在图像上设置vertical-align属性：

#bar img {
    vertical-align: middle;
}

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

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

而且完全不相关，如果您在此站点上缩进4个空格的任何文本都会赋予它code style formatting。

关于css - DIVS，CSS和iframe，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3305121/