利用vertical-align行内块元素的对齐布局

关于vertical-align更深入了解请移步 www.zhangxinxu.com/wordpress/2… 以下示例了如何实现水平方向的inline-block和inline元素的竖直方向的居中对齐,实现的关键是要父元素要有一个inline-block子元素,这个子元素的高度等于父元素高度(一般这个子元素会用父元素的伪元素去实现),然后所有子元素都设置 vertical-align:middle,如果想实现顶部对齐,所有设置vertical-align:top,同理底部对齐那就vertical-align:bottom


"en">

  "UTF-8">
  "viewport" content="width=device-width, initial-scale=1.0">
  "X-UA-Compatible" content="ie=edge">
  Document
  


  
"parent">
"child1">
"child child2"> "./images/002.jpg" alt="">
"child3">测试测试
复制代码

vertical-align:middle效果:

vertical-align:top效果: vertical-align:bottom效果:

你可能感兴趣的:(php)