垂直對齊無表格

Question

我有3列字段，前2列是描述，最後一列是圖片。有沒有辦法根據圖像的高度垂直對齊說明。由於圖像的高度會有所不同，我無法指定線條高度。目前，如果我使用表格，那麼沒有問題。但我想要的是使用div或li。

任何建議將不勝感激。提前致謝。

Answer 1

javascript的一點點會讓你在這裏排序，設置一條線上的DIV到相等的高度。有一個jQuery插件來幫助你在這裏：

http://www.cssnewbie.com/equalheights-jquery-plugin/

Answer 2

立式無表中心是棘手的，但也有是幾個解決辦法，看看是否可以使用它們：

http://www.student.oulu.fi/~laurirai/www/css/middle/ http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Answer 3

我想你可以在$(document).ready()函數中使用這個 函數中的一些javascript代碼，首先你應該使用所有元素的ID（2個描述div和一個圖像div）。在這之後，你可以寫一些JavaScript代碼通過ID來獲得圖像，並檢索其width屬性，然後設置爲您的描述的div 的寬度此值有一個HTML例子：

<div id="desc1"><!-- some content --></div> 
<div id="desc2"><!-- some content --></div> 
<div id="image"><!-- some image --></div> 

JavaScript的應該是是這樣的：

$(document).ready(function(){ 
    var width = $('#image')[0].attribute['width']; 
    $('#desc1')[0].setAttribute('width',width); 
    $('#desc2')[0].setAttribute('width',width); 
}); 

的方式，你可以使用一個特殊的和平等的名稱都描述的div，並通過調用$(document).getElementsByName('some_name')方法進行檢索，然後用一個for循環。因爲你只是有兩個div的工作，它不表現

好運氣改變;）