2

我尝试了 html 元素和 CSS 的各种组合以使其无法正常工作。我如何完成以下任务？

我有两个并排的 DIV，我想根据其内容的宽度自动调整它们的大小（为此使用了“显示：内联块”）。然后，我希望每个 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
4

1 回答 1

5

你必须到vertical-align:top父（列）div，以及span里面的s。 display:inline-block使宽度和高度变为自动（如内联元素），并且正如您所说，默认垂直对齐是基线。

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

于 2012-05-04T20:22:50.010 回答