English 中文(简体)
如何使表格的所有行与最大表格的高度相同
原标题:How to make all the rows of a table the same height as the biggest one

我试图使一张桌子上的所有行的高度与其中长度最长的一行的高度相同,并相应扩大。

But all I achieved is give them a fixed height after reading this: How can I force all rows in a table to have the same height

这意味着我需要预测我应该放多少显然无法预测的文字。 是否有可能用 CSS, 还是我需要使用 Javascript?

最佳回答

纯粹的CSS是不可能做到的

例如,与jQuery一起,你可以写出类似

var maxHeight = null;
$(<MY LINES>).each(function() {
    var thisHeight = $(this).height();
    if(maxHeight == null || thisHeight > maxHeight) maxHeight = thisHeight;
}).height(maxHeight);

不要忘记处理边界案件,在边界线上加上最高和最低高度。

问题回答

暂无回答




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签