css：图片和文字的对齐方式（顶部、底部、垂直居中） |
您所在的位置：网站首页 › 平字图像 › css：图片和文字的对齐方式（顶部、底部、垂直居中） |
css：图片和文字的对齐方式（顶部、底部、垂直居中）
|
vertical-align 是针对行内元素来设置的，对于块级元素是没有用的 vertical-align：middle如果相对块级元素有用，同时还要需要添加 dispaly：table-cell正常情况下，图片和文字是底边对齐显示的，img标签可以直接设置宽度和高度，只设置一个会等比例缩放。 图片和文字垂直居中显示： DOCTYPE html> Document /* 分别给图片和文字所在的标签设置 vertical-align:middle 即可实现 */ img { width: 200px; vertical-align: middle; 在中间位置 /* vertical-align: text-top; */ 在顶部 /* vertical-align: text-bottom; */ 在底部 } 小狗真的好可爱
图片效果：
|
【本文地址】
今日新闻 |
推荐新闻 |