博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS在没有设置高度的情况下如何让同级元素高度相等?
阅读量:7086 次
发布时间:2019-06-28

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

最近在写vue项目时打算用div写成table的样式,在处理边框时遇到竖向的边框长短不一的问题,一开始的想法是用vue的ref操作dom来获取高度最大元素的高度,后来就在想能否只用css是想这一需求,在查阅尝试多次之后成功,在这里分享记录

1.直接使用父元素 display:table,子元素 display:table-ceil;(原本就没有打算用table布局)

2.为父元素设置 overflow:hidden再为子元素设置大的 padding-bottom 属性,再用相等的负 margin-bottom 属性抵消;

(我是月铭泽,第一次记录博客,错误之处请指正)

转载地址:http://orgml.baihongyu.com/

你可能感兴趣的文章
xamarin 断点 不命中
查看>>
Android 性能优化之使用MAT分析内存泄露
查看>>
【小言的设计模式】类之间的关系
查看>>
ecshop变量介绍
查看>>
单点登录 SSO 的实现原理
查看>>
vs2010 SetUp 安装软件时,界面出现乱码的问题
查看>>
uva live 6190 Beautiful Spacing (二分法+dp试 基于优化的独特性质)
查看>>
Ruby对象模型总结
查看>>
排序算法--简单选择排序
查看>>
Google-Gson使用
查看>>
LeetCode[155]-Min Stack
查看>>
CSS position绝对定位absolute relative
查看>>
Hibernate、批量操作数据
查看>>
Oracle 12C -- purge dba_recyclebin
查看>>
v$osstat
查看>>
c++ abs与fabs
查看>>
JVM 运行时数据区域
查看>>
数据库扩展
查看>>
WPF自定义控件与样式(9)-树控件TreeView与菜单Menu-ContextMenu
查看>>
Eclipse 调试 Java 程序的技巧
查看>>