與儘可能多的div填入瀏覽器，能適合垂直

-1

我只是陳述思考這個查詢...我需要與儘可能多的div填入瀏覽器，能適合垂直

計算瀏覽器窗口的高度，並附加與設定高度的div來填充，直到窗口是全...這是如此該申報單上疊加相互垂直...我正在尋找產生一個過渡

任何指針將是巨大的

乾杯

來源

2012-10-03 user1716900

如果編輯你的問題，並添加更多的細節這將有助於。告訴我們你試過的東西，展示一些代碼，並解釋你卡在哪裏。 – Jeroen

你能告訴我你要實現什麼嗎？ – Selvamani

只是想感謝測試的東西......安東，它的伎倆，但不知道是否會被用來 – user1716900

var divHeight = 100; 
var winHeight = window.innerHeight; 
for(i =0; i < parseInt(winHeight/divHeight);i++){ 
$('<div style="height:100px;float:left;"></div>').appendTo('body'); 
}

這是你的意思嗎？

來源

2012-10-03 11:26:51 Anton

偉大的東西歡呼安東 – user1716900

請從下面的jQuery代碼裏面加寬度&高度100像素的div的，因爲每個瀏覽器的高度。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Vertically Add up Div's</title> 
    <style type="text/css"> 
    #container  { background:#ccc; display:inline-block; height:100%; margin:0; padding:0; width:100%; } 
    .add-blocks  { border:1px solid red; float:left; height:100px; width:100px; } 
    </style> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

    <script type="text/javascript"> 

    $(document).ready(function(){ 

     var wheight = $(window).height(); 
     var wwidth = $(window).width(); 

     /* Number of rows */ 
     var blocks = Math.round(wheight/100);   

     /* Number of cols */ 
     var cols = Math.round(wwidth/100); 

     /* Div html markup */ 
     var str = "<div class='add-blocks'>&nbsp;</div>"; 

     for(var i = 1; i < (blocks); i++) 
     { 
      for(var j = 1; j < cols; j++) 
      { 
       $("#container").append(str); 
      } 
     } 

    }); 

    </script> 



</head> 

<body> 
<div id="container">&nbsp;</div> 
</body> 
</html>

來源

2012-10-03 13:29:17 Aratidgr8

與儘可能多的div填入瀏覽器，能適合垂直

回答

相關問題