文字与图片的排版-vertical-align

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/titoni_yunruohan/article/details/83579211

情景：你的文字用了span标签，你的图片用了img标签，此时你需要的排版并不是默认情况的，接下来怎么办

• 默认情况下是这样的模型（文字放左侧和右侧是一样的效果）

        原型代码                                                                                             默认的效果是这样的

                                             

• 你想要文字与图片的上边对齐

       变形一代码                                                                                  变形一的效果图

                                            

• vertical-align的具体解释http://www.css88.com/book/css/properties/text/vertical-align.htm