淘宝网站设计分析,软件承接网站建设,自己做网站的二维码,uni做网站首页垂直对齐方式
属性名#xff1a;vertical-align
属性值效果baseline基线对齐(默认)top顶部对齐middle居中对齐bottom底部对齐
默认情况下浏览器对行内块#xff0c;行内标签都按文字处理#xff0c;默认基线对齐 导致图片看起来会偏上#xff0c;文字偏下。
示例#…垂直对齐方式
属性名vertical-align
属性值效果baseline基线对齐(默认)top顶部对齐middle居中对齐bottom底部对齐
默认情况下浏览器对行内块行内标签都按文字处理默认基线对齐 导致图片看起来会偏上文字偏下。
示例 stylediv {border: 2px solid #333;}img {height: 200px;}/style
/headbodydivimg src./images/a.jpg兄弟你好香/div
/body可以看到图片的下方还有空白。接下来在img内添加vertical-align: middle; img {height: 200px;vertical-align: middle;} 发现图片下方空白消失并且文字也移动到了中间。
