Skip to content

Instantly share code, notes, and snippets.

@gonghao
Last active August 29, 2015 14:20
Show Gist options
  • Save gonghao/e191e05066016cb040d4 to your computer and use it in GitHub Desktop.
Save gonghao/e191e05066016cb040d4 to your computer and use it in GitHub Desktop.
Untitled
.banner { width: 300px; height: 200px; overflow: hidden; position: relative; }
.banner > a { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; text-align: center; }
.banner > a:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.banner > a > img { vertical-align: middle; }
<div class="banner">
<a href="#"><img src="//placehold.it/500x300" alt=""/></a>
</div>
<div class="banner">
<a href="#"><img src="//placehold.it/100x100" alt=""/></a>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment