如何使图片和文字垂直对齐(vertical

您所在的位置:网站首页 html文字与图片居中对齐 如何使图片和文字垂直对齐(vertical

如何使图片和文字垂直对齐(vertical

2024-07-17 22:28| 来源: 网络整理| 查看: 265

vertical-align是适用于行内或行内块元素的、设置垂直对齐的方式。

1.图片和文字居中对齐

zxj我老婆真好看 img{ vertical-align: middle; }

2. vertical-align: baseline | top | middle | bottom

 (1)默认baseline,基线对齐,即元素放在父元素的基线上

 (2)top:顶端对齐,即元素顶端和行中最高元素的顶端对齐 

 (3)middle:把元素放置在父元素的中部

 (4)bottom:底端对齐

示例:

(1)什么是基线、图片和文字的基线对齐

img{ vertical-align: baseline; }

(2) 图片和文字的顶部对齐

img{ vertical-align: top; }

(3) 图片和文字的底部对齐

img{ vertical-align: bottom; }



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3