display: block
またはのいずれかである複数の要素(divまたはspan)があるとしましょうdisplay: inline-block
。それらをすべて同じサイズにしたいのですが、最大のコンテンツに合うように伸ばします。これはJavaScriptで実現できることは知っていますが、純粋なHTML / CSSオプションを利用できますか?
例:
-----------------------
| Content A |
-----------------------
-----------------------
| Content B Is Longer |
-----------------------
ただし、コンテンツBがさらに長い場合は、次のようになります。
----------------------------------------
| Content A Is Now Even Longer Than B |
----------------------------------------
----------------------------------------
| Content B Is Shorter |
----------------------------------------