2023年7月16日发(作者：)
html--图⽚和⽂字⼀⾏时，对齐⽅式（图像相对于周围元素的⽔平和垂直对齐⽅式）在布局中我们会发现⼀个DIV下放⼊⼀个img标签和⼀个span时会发现上线会错开⼏个像素⽆法对齐，例如⼀下代码：
⽂字对齐
效果是这样的，可以看到红的部分超出了容器解决办法：给 img 添加 align=“absbottom” 或者 align=“absmiddle” 属性 //标签的 align
属性定义了图像相对于周围元素的⽔平和垂直对齐⽅式
//值有⼀下⼏种 AbsBottom 图像的下边缘与同⼀⾏中最⼤元素的下边缘对齐。 AbsMiddle 图像的中间与同⼀⾏中最⼤元素的中间对齐。 Baseline 图像的下边缘与第⼀⾏⽂本的下边缘对齐。 Bottom 图像的下边缘与第⼀⾏⽂本的下边缘对齐。 Left 图像沿⽹页的左边缘对齐，⽂字在图像右边换⾏。 Middle 图像的中间与第⼀⾏⽂本的下边缘对齐。 NotSet 未设定对齐⽅式。 Right 图像沿⽹页的右边缘对齐，⽂字在图像左边换⾏。 TextTop 图像的上边缘与同⼀⾏上最⾼⽂本的上边缘对齐。 Top 图像的上边缘与同⼀⾏上最⾼元素的上边缘对齐。
发布者：admin，转转请注明出处：http://www.yc00.com/news/1689448093a249828.html
评论列表（0条）