垂直对齐无表格

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的工作，它不表现

好运气改变;）