div 多列等高对齐

为什么80%的码农都做不了架构师？>>>

.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>

转载于:https://my.oschina.net/thc/blog/298398

div 多列等高对齐相关推荐

Python|xlwt|xlrd|调整单元格样式（背景，字体，对齐、虚线边框、列宽行高、添加公式）|xlutils|openpyxl|只读与只写|图表|语言基础50课：学习（8）
文章目录系列目录原项目地址第24课:用Python读写Excel文件-1 Excel简介安装读Excel文件(行列索引从`0`开始) 写Excel文件调整单元格样式(背景,字体,对齐.虚线 ...
css table布局大法，解决你大部分居中、多列等高、左右布局的问题
看了这篇文章,你可以了解到以下布局方法: table-cell 定高水平垂直居中不定高水平垂直居中单行定高水平垂直居中单行不定高水平垂直居中多行定高水平垂直居中多行不定高水平垂直居中多列等 ...
点击改变div高度_css实现div两列布局（两种方法）
一.应用场景左侧一个导航栏宽度固定,右侧内容根据用户浏览器窗口宽度进行自适应二.思路首先把这个问题分步解决,需要攻克以下两点: 1.让两个div并排到一行 2.让一个div宽度固定,另个div占 ...
利用CSS的三列等高布局
以前自己都是用JS去处理,原来用CSS也是很方便的,可以少写代码^_^ <html xmlns="http://www.w3.org/1999/xhtml"><h ...
两列布局、三列适应布局、两列等高适应布局。
一. 两列布局:左侧定宽.右侧自适应. 四种方法 :flex .position.float和负外边距.外边距 1. 使用flex. <!DOCTYPE html> <html> ...
如何实现两列等高效果？
先看下面的效果图: 难点: 里面内容不确定,不能定高的同时要让左右两个div的高度保持一致. 解决方案: 利用 display:table 和 display:table-cell.因为display ...
实现两（三）列等高布局的方法
第一种方法: <style type="text/css"> *{margin: 0; padding: 0;} #wrap{ padd ...
布局：多列等高布局方法
多列等高布局在实际应用中比较常见,作为面试的一个点也常遇到.做个总结. 首先想到的第一种就是 flex 和 min-height , 后朋友提醒,去掉 min-height 试试.由于align-it ...
css布局：多列等高布局
多列等高布局是在一个容器里面,并排的多列,如果内容的高度无法在一开始确定(例如内容是动态的),又需要让各列自然地撑开(不出现每列里面的滚动条),这时候需要用css或者js的方法把各列高度设置为最高列的 ...

div 多列等高对齐

div 多列等高对齐相关推荐

最新文章

热门文章