首页 > 代码库 > div 多列登高对齐
div 多列登高对齐
.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>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。