1

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                 |
----------------------------------------
4

1 に答える 1

2

width: 100%;それらを与えて、 で容器に包むとうまくいきますdisplay: inline-block;。例: http://jsbin.com/ocifar/1/edit

于 2012-11-08T22:37:17.437 に答える