Skillful Vertical Center in CSS(code snippet)

css

Though there is a CSS property vertical-align, it doesn’t work like attribute valign in HTML tables. CSS property vertical-align doesn’t seem to be able to solely solve this problem .

Yeah . CSS Magic ! Nothing can’t do but unexpected :)

###1、CSS expression

<div class="container">  
  <img src="xxx.jpg" />  
</div>

###2、Positioning method

###3、Button method ??!!

###4、Taobao.com method



###5、Not Image ? No Problem !




any text

any height, set width,

any content, for example generated from DB

everything is both vertically and horizontally centered



That’s all . Let’s have a cup of tea ~ :)