DIVS，CSS和I帧

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×16各随后一些文字。我试图没有成功，使图像和文字在[div id =“bar”]中垂直对齐。

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

再次，我没有链接提供，但任何帮助明白。这些小事情非常烦人，浪费了我没有的大量时间。

Answer 1

如果这能回答你的问题，我不是100％肯定的，因为我有点不确定你想要做什么，但是一个简单的方法来vertically align图像是设置垂直对齐属性其中：

#bar img { 
    vertical-align: middle; 
} 

如果不工作，你也可以试试行高设置为相同的高度DIV：

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

而且完全无关，任何文本缩进你4个空格在这个网站上会给它code style formatting。

Answer 2

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

好了，我的咆哮，谢谢你的建议，并且我发现这个时候找不到代码按钮，所以不得不即兴发挥。

另外垂直对齐是自我解释，但它不工作，因为我的预期。我想我记得在某个地方看到图片周围总是有空间。不确定。

Answer 3

我认为你需要指定垂直对齐的含义。但这里要知道的重要一点是iframes是棘手的野兽。实际上，它们是网页中的网页，如果没有与该“内部”页面关联的样式，则所有内容都与左上角对齐。

你可能想要做的就是让myvotes.php回显你想包装在一个div中的内容，该div具有适当的css应用。我相信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> 

我不知道，不过这是在你的答案。反正希望它有帮助。