摘要：
父元素宽度由子元素宽度展开。最大内容css3提供了一个新功能，即最大内容。它允许子元素扩展父元素宽度。父元素的宽度等于子元素最大内容和文本顶部的宽度（垂直对齐：顶部）。在下图中，您可以从控制台看到文本和图像处于自顶向下的状态。要实现此效果，需要三个属性：线宽：1；显示：内联块写入span标记
父元素宽度被子元素宽度撑开max-content
css3提供了一个新特性,max-content.让父元素的宽度被子元素撑开.父元素宽度等于子元素
max-content
img和文字顶部对其（vertical-align：top）
下图中，通过控制台可以看到文字和图片是处于顶部对其的状态，为实现该效果，需要3个属性：line-height:1；display:inline-block写在span标签去掉文字默认上下距离，vertical-align：top写在img标签让图片和文字的对齐基准线在顶部
line-height：1的效果
未设置line-height:1；display:inline-block时可以看到，红线标出的文字自带的默认上下距离
设置line-height:1；display:inline-block时
vertical-align
用于img的属性设置元素的垂直对齐方式，默认是底部基准线，当设置为top的时候，文字和图片的基准线就位于顶部，如第一个图