html 与flexbox相同的高度,宽度,colums

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 与flexbox相同的高度,宽度,colums相关的知识,希望对你有一定的参考价值。


https://codepen.io/imohkay/pen/gpard


<div class="paddingBlock">
  <div class="eqWrap">
    <div class="equalH eq">boo <br> boo<br>ABCCD</div>
    <div class="equalH eq">shoo hgfhjf hgfhg </div> 
  </div>
</div>            
 
 
 
<style>
  
.eqWrap {
	display: flex;
}

.eq {
	padding: 10px;
}

.eq:nth-of-type(odd) {
	background: yellow;
}

.eq:nth-of-type(even) {
	background: lightblue;
}


  
</style> 















以上是关于html 与flexbox相同的高度,宽度,colums的主要内容,如果未能解决你的问题,请参考以下文章

在 Flexbox 中居中和缩放图像

如何将 flexbox 与锚定列一起使用

使用 flexbox 具有相同高度元素的多线网格

带有 flexbox 的 Tailwind 页面大于屏幕高度/宽度

Flexbox布局:如何在多行中设置每个项目相同的宽度? [复制]

在 Flexbox 中居中不起作用。啥是高度、宽度、显示和位置要求?我错过了啥? [复制]