博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表格式布局让每个列高度等于该行最大高度
阅读量:5966 次
发布时间:2019-06-19

本文共 535 字,大约阅读时间需要 1 分钟。

通常横向布局时采用float浮动布局

    
left div
left div
left div
right div

显示布局结果:

右侧的div高度只是适应了内容,往往需要的是右侧高度能自动撑到该行最大高度,就是说右侧高度和左侧高度要保持一致

通过table布局很容易做到这个,在table里,每行的高度会自动撑到该行最大高度,也可以用table-cell,这样至少我们可以少写几个table的标签

html如下:

    
left div
left div
left div
right div

显示结果就是我们想要的了:

转载于:https://www.cnblogs.com/JimmyBright/p/6418889.html

你可能感兴趣的文章
我的友情链接
查看>>
批量删除用户--Shell脚本
查看>>
Eclipse Java @Override 报错
查看>>
知道双字节码, 如何获取汉字 - 回复 "pinezhou" 的问题
查看>>
linux的日志服务器关于屏蔽一些关键字的方法
查看>>
mysql多实例实例化数据库
查看>>
javascript 操作DOM元素样式
查看>>
HBase 笔记3
查看>>
【Linux】Linux 在线安装yum
查看>>
Atom 编辑器系列视频课程
查看>>
[原][osgearth]osgearthviewer读取earth文件,代码解析(earth文件读取的一帧)
查看>>
使用dotenv管理环境变量
查看>>
温故js系列(11)-BOM
查看>>
Vuex学习
查看>>
bootstrap - navbar
查看>>
切图崽的自我修养-[ES6] 编程风格规范
查看>>
服务器迁移小记
查看>>
FastDFS存储服务器部署
查看>>
Android — 创建和修改 Fragment 的方法及相关注意事项
查看>>
swift基础之_swift调用OC/OC调用swift
查看>>