2

これを無駄に機能させるために、html要素とCSSのさまざまな組み合わせを試しました。次のことをどのように達成しますか?

2つのDIVを並べて、コンテンツの幅に応じて自動的にサイズを変更したいと考えています(これには、「display:inline-block」を使用していました)。次に、これらの各DIVのコンテンツをDIVの上部に配置します(デフォルトでは、コンテンツは下部に配置されます)。内容は、いくつかのラベル(スパン)とテキスト(データベースデータ)です。また、これら2つのDIVは、メニューであるページの左側にある別のDIVの右側にとどまる必要があります。

MENU      AUTO            ANOTHER
FIXED     WIDTH           COLUMN (DIV)
WIDTH     DIV             ALSO
DIV       ACCORDING       AUTO
          TO              SIZED
          CONTENTS        TOP-ALIGNED
          TOP-ALIGNED     CONTENTS
          CONTENTS        SOME
          SOME            PADDING
          PADDING TO      TO MY LEFT
          MY LEFT AND     AND RIGHT
          RIGHT
4

1 に答える 1

5

vertical-align:top親(列)divとspan、内側のsが 必要です。display:inline-block幅と高さを自動(インライン要素のように)にします。前述のように、デフォルトの垂直方向の配置はベースラインです。

http://jsfiddle.net/EjdUf/1/

于 2012-05-04T20:22:50.010 に答える