テスト

.contents{ display: flex; justify-content: space-between; } .content{ background: #ccc; display: flex; justify-content: center; align-items: center; width: calc(100% / 3 - 20px); }

211px

423px

333px

var maxHeight = 0; const lists = document.querySelectorAll('.content'); var inlineCss ='';// インラインのstyle属性を上書きするための変数 for (var i = 0; i maxHeight) { inlineCss = lists[i].style.cssText;// 「height: 423px;」が入る maxHeight = lists[i].clientHeight; } }; for (var i = 0; i < lists.length; i++) { // ↓インラインのstyle属性を上書き lists[i].style.cssText = inlineCss + "background-color: yellow;"; };

【javascript】(インラインスタイルの時の)コンテンツの高さを一番高い要素に整える

2020/04/14