码迷,mamicode.com
首页 > 其他好文 > 详细

div 多列登高对齐

时间:2014-08-06 02:06:20      阅读:1254      评论:0      收藏:0      [点我收藏+]

标签:des   color   ar   div   html   line   htm   size   

.detail_row {
    overflow :hidden;
    font-size :12px;
}
.detail_col_one, .detail_col_two, .detail_col_three, .detail_col_four,.one-row-label, .one-row-content {
    margin-bottom :-2000px;
    padding-bottom :2000px;
}
.detail_col_one, .detail_col_three, .one-row-label {
	width : 80px;
	text-align: right;
	font-weight: bold;
}
.detail_col_two, .detail_col_four {
	padding-left: 8px;
	width: 35%;
}
.detail_col_two:hover, .detail_col_four:hover, .one-row-content:hover {
	background-color: #EFFEFD;
	/* font-size: 14px; */
}	
.detail_col_one, .detail_col_two, .detail_col_three, .detail_col_four, .one-row-label, .one-row-content {
	float :left;
	line-height: 170%;
}
.one-row-content {
	padding-left: 8px;
	width : 80%;
}


<div class="detail_row">
	<div class="detail_col_one">
		<nobr><fmt:message key="AddressBook.Detail.Mobile" /> :</nobr>
	</div>
	<div id="viewMobile" class="detail_col_two"></div>
	<div class="detail_col_three">
		<nobr><fmt:message key="AddressBook.Detail.Email" /> :</nobr>
	</div>
	<div id="viewEmail"  class="detail_col_four"></div>
</div>
<div class="detail_row">
	<div class="one-row-label">
		<nobr><fmt:message key="AddressBook.Detail.Jobdesc" /> :</nobr>
	</div>
	<div id="viewJobdesc" class="one-row-content"></div>
</div>


div 多列登高对齐,布布扣,bubuko.com

div 多列登高对齐

标签:des   color   ar   div   html   line   htm   size   

原文地址:http://my.oschina.net/thc/blog/298398

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!