css 实现文字自动换行切同行元素高度自适应
本文共 968 字，大约阅读时间需要 3 分钟。
1.实现div行内布局所有行跟随最大高度自适应
html代码样例：
123 所在部门 456187 @ViewBag.decideDetail.departName 89岗位1011 @ViewBag.decideDetail.positionName1213定（调）薪时间1415 @ViewBag.decideDetail.decidePayTime161719
css样式代码：
1 //注意主要实现代码： 2 3 /*单行双列*/ 4 .row-single { 5 width: 100%; 6 line-height: 32px; 7 border-bottom: 1px solid #D0D6D9; 8 box-sizing: border-box; 9 flex-wrap: wrap; //主要代码10 align-items: stretch; //主要代码11 display: flex //主要代码12 }13 .scale-20 {14 float: left;15 width: 189px;16 height: auto;17 line-height: initial;18 word-break: break-all;19 }20 .scale-down {21 width: 160px;22 float: left;23 height:100%;24 border-right:none !important;25 } 效果展示：
2.打印效果的修改
页面布局之后使用
@media print｛//自定义的打印显示样式｝作者： —— 颜秉锋
出处： 本文版权归作者和博客园共有，欢迎转载，转载请标明出处。如果您觉得本篇博文对您有所收获，觉得小弟还算用心，请点击右下角的 [推荐]，谢谢！
你可能感兴趣的文章
图片无法显示，载入制定url失败
查看>>
如何在MAP/REDUCE中不检查输出路径？
查看>>
mysql replication（主从复制）（二）MSS模式
查看>>
APP-V序列化服务器部署，应用程序虚拟化部署笔记四
查看>>
一段查看终端端口的asp代码
查看>>
关闭默认共享-注册表-批处理
查看>>
apache_1.3.41+mysql-4.0.26+php-4.4.8+Redhat5 linux
查看>>
Hive查询失败：no LazyObject for VOID
查看>>
[积累]FitWidth ImageView和TopCrop ImageView
查看>>
在ubuntu 11.10 下安装谷歌输入法
查看>>
【小技巧】spring-MVC在controller层获取国际化文件信息
查看>>
C#遍历类的属性 PropertyInfo.Attributes
查看>>
前端Nginx，后端Apache获取用户真实IP地址
查看>>
Windows下的Redis安装教程
查看>>
box-sizing:border-box的强大之处？
查看>>
深入研究URL编码问题及JavaScript相应的解决方案
查看>>
coreseek/sphinx多条件字段查询
查看>>
常见的免费SMTP服务器有哪些，如何设置
查看>>
Pinyin4jUtil 汉字转拼音
查看>>
万能配置的大屏可视化功能来啦~
查看>>