如何用css使错位区块对齐?

两个并排的inline-block在同一行并排的时候,经常出现后面的一个块要比前一个靠下,这里用margin和padding都无法解决该问题。下面我们来看一下css使错位区块对齐的方法。

在两个区块里面重新定义vertical-align属性即可使区块对齐,该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式。

属性值:

  • baseline 默认。元素放置在父元素的基线上。

  • sub 垂直对齐文本的下标。

  • super 垂直对齐文本的上标

  • top 把元素的顶端与行中最高元素的顶端对齐

  • text-top 把元素的顶端与父元素字体的顶端对齐

  • middle 把此元素放置在父元素的中部。

  • bottom 把元素的顶端与行中最低的元素的顶端对齐。

  • text-bottom 把元素的底端与父元素字体的底端对齐。

  • length

  • ��用 "line-height" 属性的百分比值来排列此元素。允许使用负值。

  • inherit 规定应该从父元素继承 vertical-align 属性的值。

以上就是如何用css使错位区块对齐?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读