Css 垂直对齐无表

Css 垂直对齐无表,css,Css,我有3列字段,前2列是描述,最后一列是图像。是否有一种方法可以根据图像的高度垂直对齐描述。我无法指定线条高度,因为图像的高度会有所不同。目前,若我使用表,那个么并没有问题。但我想要的是使用div或li 如有任何建议,将不胜感激。提前感谢。一点javascript会在这里为您排序,将一行上的div设置为相等的高度。这里有一个Jquery插件可以帮助您: 没有桌子的垂直居中是很棘手的,但是有一些解决方法,看看你是否可以使用它们: 我认为您可以在$document.ready函数中使用一些javas

我有3列字段,前2列是描述,最后一列是图像。是否有一种方法可以根据图像的高度垂直对齐描述。我无法指定线条高度,因为图像的高度会有所不同。目前,若我使用表,那个么并没有问题。但我想要的是使用div或li


如有任何建议,将不胜感激。提前感谢。

一点javascript会在这里为您排序,将一行上的div设置为相等的高度。这里有一个Jquery插件可以帮助您:


没有桌子的垂直居中是很棘手的,但是有一些解决方法,看看你是否可以使用它们:


我认为您可以在$document.ready函数中使用一些javascript代码来实现此目的 首先,您应该为所有元素2描述div和一个图像div使用ID。然后,您可以编写一些javascript代码以按ID获取图像并检索其width属性,然后为两个描述div的宽度设置此值 有一个HTML示例:

<div id="desc1"><!-- some content --></div>
<div id="desc2"><!-- some content --></div>
<div id="image"><!-- some image --></div>
顺便说一下,您可以为这两个描述div使用一个特殊且相等的名称,并通过调用$document.getElementsByName'some_name'方法检索它们,然后使用for循环。由于您只有两个div可供使用,因此性能不会发生变化

祝你好运

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