垂直对齐2个并排自动宽度DIV的内容

Question

我已经尝试了html元素和CSS的各种组合,以使这个工作无济于事.我如何完成以下操作？

我有两个并排的DIV,我想根据其内容的宽度自动调整大小(使用"display:inline-block").然后,我希望每个DIV的内容对齐到DIV的顶部(默认情况下,内容是底部对齐的).内容是许多标签(跨度)和文本(数据库数据).此外,这两个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

Answer 1

你需要vertical-align:top父(列)div,以及span内部的s. display:inline-block使宽度和高度变为自动(如内联元素),正如您所说的默认垂直对齐是基线.

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