Tin tức

Thiết kế web - căn chỉnh cho các div cao đều nhau bằng jquery

02/04/2013

Trong thiết kế web, hẳn các bạn rất nhiều lần gặp phải vấn đề các khối, cột, div... có nội dung dài ngắn khác nhau nên cao không bằng nhau. Điều này gây ra vấn đề mất thẩm mỹ của website.

Thiet ke web - chinh div cao khong bao nhau bang jquery


Để khắc phục vấn đề này, sử dụng jquery là một giải pháp rất tối ưu. Chỉ với một hàm jquery đơn giản, chúng ta có thể khắc phục được vấn đề này:

function equalHeight(group) {
		var tallest = 0;
		group.each(function(){
			var thisHeight = $(this).height();
			if(thisHeight > tallest) {
				tallest = thisHeight;	
			}
		});
		group.each(function(){
			$(this).height(tallest);	
		});
	}

Equal height div


Đây là một thủ thuật vô cùng đơn giản. Xem video hướng dẫn làm chi tiết hơn tại đây: Video chỉnh div cao bằng nhau với jquery

ESVN Training