解决 div 设为 inline-block 后标题不对齐

vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

---

inline-block的默认对齐方式是vertical-block：baseline（基线）。
关于baseline 基线的解释见：https://www.cnblogs.com/zxjwlh/p/6219896.html。

可将下面实例中 vertical-align: top; 删除 查看效果变化。

    
    
    
    



    

        

            
 
            
短标题
        
        

            
 
            
这是一个长长长长长长长长长长长长长长长长长长长标题
        
        

            
 
            
短标题
        
        

            
 
            
短标题
        
    

转载于:https://www.cnblogs.com/cckui/p/9887532.html