您好,歡迎來到web微博客 設為首頁加入收藏
web微博客最好的資源共享平臺!
精品cms模板和教程都在這里!
web微博客清新上線!

使兩個 div 等高
2017-02-08 13:58:03   來源:web微博客   評論:0 點擊:

分享到:
有時你希望無論兩個 div 各自包含什么內容,它們總有相同的高度:1$(& 39; div& 39;) css(& 39;min-height& 39;, $(& 39; main-div& 39;) height());這個例子設置了 min-height,意味著高度可以大于主 div
有時你希望無論兩個 div 各自包含什么內容,它們總有相同的高度:

		
1

		
$('.div').css('min-height', $('.main-div').height());

這個例子設置了 min-height,意味著高度可以大于主 div 而不能小于它。然而,更靈活的方法是遍歷一組元素,然后將高度設置為最高元素的高度:


		
1
2
3
4
5
6
7
8

		
var $columns = $('.column');
var height = 0;
$columns.each(function () {
if ($(this).height() > height) {
height = $(this).height();
}
});
$columns.height(height);

如果你希望所有列高度相同:


		
1
2
3
4

		
var $rows = $('.same-height-columns');
$rows.each(function () {
$(this).find('.column').height($(this).height());
});

上一篇:簡單的手風琴效果
下一篇:jq在新標簽頁 / 新窗口打開外部鏈接

湖南快乐十分走势图表