{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 闹够了就滚 的问题《How to make this layout in CSS?》','https://www.manongdao.com/q-989471.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I don't even know how to name it. "Fluid" or "liquid" columns seems to refer to simple dynamic heights. I made this one with and got two questions: is it possible to do it with raw HTML5/CSS3? Is it possible to make it work for 3, 4, ..., n columns?!
相关问题
- Views base64 encoded blob in HTML with PHP
- Is there a way to play audio on a mobile browser w
- HTML form is not sending $_POST values
- implementing html5 drag and drop photos with knock
- Adding a timeout to a render function in ReactJS
I understand that you want to achieve something like this
You can use Masonry - which is pure JavaScript & also supports jQuery
or Isotope which is a jQuery Plugin.
Author of these plugins suggests to use Isotope.
It all depends on how you will set the heights of each read box. If it is content dependent, then it's just a 2 column layout with fluid widths. If you are maintaining a height to width ratio, then you will need to use js to do the math and maintain the height or use an img for the background
width:100%; height:auto; display:blockand position the contentposition:absolute:on top of it.