css - CSS を使用した並列リスト アイテムの高さが等しい

Question

私はこの状況を持ってい ます ここをクリック

テキストの長さに応じて、ボタンの高さが変わります。その場合、その並列ボタンの高さを最初のボタンの高さと等しくしたい(すべてのボタンではなく、その並列ボタンのみ)。

Answer 1

私はこれに2つの方法のいずれかでアプローチします-jQueryを使用するか（フィドル-各ボタンペアを独自にラップする必要があることに注意してくださいul-これを行わないとjQueryはより複雑になります）、またはチートしてドロップインしますあなたが求めているものの効果を与える背景画像 - これもまた、各ボタンペアを独自ulにラップし、それらをラップする垂直線を含む背景画像にドロップすることによって行うことができます - そして、それぞれを「キャップオフ」することができますliグラフィカルなエンド キャップを使用して開始要素と終了要素を追加することにより、列を作成します。

CSS のみを使用したいのは理解できますが、それを行う方法が思い浮かびません。max-height、min-height、height のバランスを慎重にとる必要があるかもしれませんが、現時点ではそれがどのように機能するかはわかりません。