DIVS，CSS和I幀

我有這個DIV：DIVS，CSS和I幀

#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的所有內容。我曾嘗試添加填充和邊距的各種組合，以獲得它的中心，但沒有運氣，

再次，我沒有鏈接提供，但任何幫助明白。這些小事情非常煩人，浪費了我沒有的大量時間。

來源

2010-07-22 Beauford

更改發佈在您的問題中的代碼符號只會變得醜陋而讓人迷惑。使用代碼按鈕（看起來像二進制文件，例如101 010）或者在一行代碼前放四個空格。對於只有一個單詞/短語的東西，請使用反引號：''like this'' – 2010-07-22 01:40:53

對不起，當你說「垂直對齊」時，你是什麼意思？請更好地解釋:) – 2010-07-22 01:42:52

點擊編輯以查看我如何重新格式化以備將來參考 – 2010-07-22 01:43:58

如果這能回答你的問題，我不是100％肯定的，因爲我有點不確定你想要做什麼，但是一個簡單的方法來vertically align圖像是設置垂直對齊屬性其中：

#bar img { 
    vertical-align: middle; 
}

如果不工作，你也可以試試行高設置爲相同的高度DIV：

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

而且完全無關，任何文本縮進你4個空格在這個網站上會給它code style formatting。

來源

2010-07-22 01:40:02 Pat

我不知道我做了什麼，但我只是搞砸了所有的價值，並得到它，但我不應該這樣做。我不知道其他程序員是如何處理這種事情的，但是在這個項目之後，我只是把它扔了進去。太多的時間都在搞那些真正應該只花幾分鐘的東西，但最終花費了幾個小時。

好了，我的咆哮，謝謝你的建議，並且我發現這個時候找不到代碼按鈕，所以不得不即興發揮。

另外垂直對齊是自我解釋，但它不工作，因爲我的預期。我想我記得在某個地方看到圖片周圍總是有空間。不確定。

來源

2010-07-22 02:09:15 Beauford

我認爲你需要指定垂直對齊的含義。但這裏要知道的重要一點是iframes是棘手的野獸。實際上，它們是網頁中的網頁，如果沒有與該「內部」頁面關聯的樣式，則所有內容都與左上角對齊。

你可能想要做的就是讓myvotes.php回顯你想包裝在一個div中的內容，該div具有適當的css應用。我相信myvotes.php也必須有它自己的CSS，這是div得到它的風格。如果你能爲myvotes.php提供一些源代碼，我可能會進一步幫助你。

來源

2010-07-22 02:09:58 vince88

不確定你的問題，但我會嘗試給你一個解決方案，你可以垂直對齊你的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>

我不知道，不過這是在你的答案。反正希望它有幫助。

來源

2010-07-22 02:27:10 Starx

DIVS，CSS和I幀

回答

相關問題