Skip to content

Instantly share code, notes, and snippets.

@kejun
Created June 4, 2012 03:25
Show Gist options
  • Save kejun/2866155 to your computer and use it in GitHub Desktop.
Save kejun/2866155 to your computer and use it in GitHub Desktop.
Untitled
.item {
margin-bottom: 20px;
padding: 10px;
font-size: 0;
border: 1px solid #efefef;
}
.item .pic ,
.item .content {
display: table-cell;
*display: inline;
*zoom: 1;
padding-right: 10px;
vertical-align: middle;
}
.item .content {
font-size: 12px;
/* IE6/7下需要定宽 */
}
/* IE6/7下内容中英对齐问题(for block) */
.item .content p,
.item .content h3 {
vertical-align: baseline;
}
/* IE6/7下内容中英对齐问题(for inline) */
.item .content .info {
*zoom: 1;
vertical-align: baseline;
}
<div class="item">
<div class="pic">
<img src="http://placehold.it/180x180" alt="" />
</div>
<div class="content">
<h3><a href="http://www.douban.com/tribe/1000046/">文艺青年部落</a></h3>
<span class="info">20634 居民 / 95 小组 / 91 小站</span>
<p>爱生活 | 爱艺术 | 爱自由 | 爱幻想 | 我们是这样一群永远不为现...</p>
</div>
</div>
<div class="item">
<div class="pic">
<img src="http://placehold.it/65x65" alt="" />
</div>
<div class="content">
<h3><a href="http://www.douban.com/tribe/1000045/">二次元拯救世界部落</a></h3>
</div>
</div>
{"view":"split-vertical","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