html - Vertical positioning of inline-blocks -


this question kind of hard explain words, link jsfiddle. jsfiddle. if @ of links, see boxes @ different levels. these supposed tile across screen, kind of can see here. how can stop them having weird vertical spacing above elements , them tile properly? think caused each elements contents having different heights, don't know how fix it. here code can find in jsfiddle:
html:

<div id="elements">     <div>lorem ipsum dolor sit amet, consectetur adipiscing elit. donec id nunc ut erat facilisis pharetra. sed egestas gravida mattis.</div>     <div>lorem ipsum dolor sit amet, consectetur adipiscing elit. nullam eu lectus eu purus pulvinar tincidunt. phasellus @ elit id nulla volutpat gravida sit amet vitae lorem. nunc mattis venenatis varius. aenean nec odio lorem. nulla in turpis sed velit venenatis lacinia eget id ante. maecenas quis massa nunc.</div>     <div>lorem ipsum dolor sit amet, consectetur adipiscing elit. </div> </div>

css:

#elements div {     display:inline-block;     width:250px;     height:250px;     border:solid thin #000; }

add vertical-align: top; css rule.


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

php - HTTP_REFERER woes: How can I allow access to a specific page, only when a visitor has visited another specific page beforehand? -

php newbie here, struggling crazy head around how go implementing http_referer-based security feature woefully inept downloads system. basically, have file download pages have specific string appended end of url, specific string being: ?thanks if visible in url, users able download file situated on it. works great, it's easy 'unlock' page adding '?thanks' part onto url themselves. allowing users bypass clumsy security , access premium files ease. if possible, i'd add security measure whereby attempting access page containing string '?thanks' did not arrive page containing '?pending' redirected homepage. make perfect solution me. just clarity, typical pre-download process goes this: user visits download page: [website]/download/page/123/ user completes recaptcha, gets redirected here: [website]/download/page/123/?pending user fills in details, gets redirected here: [website]/download/page/123/?thanks user receives file long-...
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more