0

我一直在为垂直对齐而苦苦挣扎，这是一个看似简单的过程，但在不同的语言和元素类型中有很多特质。我通过 stackexchange 进行了大量阅读，似乎无法找到共同的理解线索。

以下是我能够收集到的规则：

1）vertical-align在s中不起作用<\div>，必须设置div {display: table-cell; vertical-align: middle}

这似乎很麻烦，特别是因为即使溢出设置为隐藏并扩展以适应内容，表格单元格也会覆盖高度限制，这意味着垂直“中心”是可变的。

我刚刚从 Pinterest where 阅读了一些源代码，但似乎button {vertical-align: middle}没有其他命令有效。vertical-align似乎按钮默认对齐在中间。

有人可以为该vertical-align属性提供清晰的解释吗？

  • 什么 html 元素响应 vertical-align？
  • 哪些 html 元素具有默认 vertical-align属性？
  • 哪些 html 元素具有不可覆盖的 vertical-align属性？

    任何有关理解异质性的线索也会有所帮助！

    提前致谢！

    • 4

    2 回答 2

    1

    对于垂直对齐有两个选项

    一在元素上。

    垂直对齐适用于inline非块元素的元素。然后您可以直接在元素中设置属性以与其他内联元素对齐。

    两个在容器上

    您可以在容器上设置属性，例如table-cell. 您可以垂直对齐 a 上的元素，也可以将其与具有垂直对齐内容的 div和内部的两个一起td伪造。divsdisplay:tabledisplay:table-cell

    于 2013-10-28T16:02:21.903 回答
    0

    http://css-tricks.com/centering-in-the-unknown/

    只需通过链接，它对您的帮助并不像您想要的那样多，而只是一个粗略的想法:)

    于 2013-10-28T15:50:08.760 回答