| for循环自动生成多个div | 您所在的位置：网站首页 › jsp循环打印 › for循环自动生成多个div |
for循环自动生成多个div
|
在码页面时，我们会经常遇到要重复生成布局一样的div的情况，很烦人。以下方法可仅用几行代码轻松解决此问题，了解一下。标签里为具体方法。 HTML代码： 朋友圈
梦里梦到醒不来的梦
Dream 晴天真好
25分钟前 
for (var i=1;i
CSS代码： .top img.tu2{ position:relative;left:639px;top:-250px; width:250px; height:250px; cursor: pointer; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } .top img.tu1{ width:1000px; height:500px; } .top p{ position:relative;left:190px;top:-125px; font-size:35px; color:white; } .meg1 img.photo1{ position:relative;left:26px;top:-343px; width:150px; height:150px; cursor: pointer; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); } .meg1 p.name{ position:relative;left:213px;top:-517px; font-size:38px; color:#333366; font-weight:bold; } .meg1 p.ff{ position:relative;left:213px;top:-507px; font-size:35px; color:#111; } .meg1 img.photo2{ position:relative;left:190px;top:-507px; width:500px; height:500px; } .meg p.tt{ position:relative;left:181px;top:-507px; } .meg1 img.photo3{ position:relative;left:820px;top:-605px; width:80px; height:60px; } .meg1 hr{ position:relative;left:-10px;top:-504px; border-bottom: 1px solid #000000; width: 1000px; }最后看一下效果图，这是我做的一个简单的朋友圈，新手，请多多指教。
|
【本文地址】
公司简介
联系我们