html图像标签

2021-05-10 23:02:16发布

.图片插入

<img src="" alt="">


3.图片模糊

filter: blur(5px);

文本基线

4.图片和文字居中


导读

  1. 只针对行内元素,和行内块元素有效

  2. 可以转化成行内块元素,display: inline-block;

  3. 背景图片话,就需要转化

  4. 文本域也可以使用这样的方式对齐

/*中部对齐*/
vertical-align: middle;

/*顶端对齐*/
vertical-align: top

/*低端对齐*/
vertical-align:bottom

/*默认在父元素的基线上*/
baseline


5.图片底侧会有空白的缝隙

/*第一种,不是基线对齐*/
vertical-align: middle;

/*第二种基线对齐*/
display: inline-block;

TAG标签:

登录 后发表评论
0条评论
还没有人评论过~
嘿,我来帮您!