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