Question

    <style> 
div
{
border:2px solid #a1a1a1;
padding:10px 40px; 
background:#dddddd;
width:300px;
}
</style>
</head>
<body>

<div>The property allows to Create Chess Boxes.</div>

如何重复上述div圆形框，直到达到指定的最大宽度或根据表格宽度或分辨率＆amp;下到下一行，直到达到屏幕的最大高度或指定（时间表时间），这样就不需要同时滚动宽度和宽度。高度明智吗？需要帮助

Answer 1

你不能 - 作为服务器端组件的PHP没有浏览器维度的概念。你需要使用JavaScript来处理这样的客户端。

Answer 2

要让您的框填满浏览器的宽度，请在您的CSS中使用float: left。要动态添加框直到它们填满页面，请使用element.cloneNode(true)复制div，然后继续直到div的底部点低于容器的底部点。

例如，类似这样的内容：jsfiddle.net/rUUuW/1/

jQuery更容易：jsfiddle.net/rUUuW/2/

如何重复框直到达到最大宽度/高度？

2 个答案: