从前端小白到大佬 图片与文字对齐

您所在的位置:网站首页 html图片和文字对齐 从前端小白到大佬 图片与文字对齐

从前端小白到大佬 图片与文字对齐

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

css vertical-align

选择器{ vertical-align:xxx; } vertical之对于行内块有效 vertical-align: baseline(基线)/top(顶线)/middle(中线)/bottom(底线)

1.解决图片、文本域与文字居中对齐

damoe img { vertical-align: middle; } asbnvfckdjsbv

在这里插入图片描述 2.解决图片空白缝隙 图片加载到网页中,默认都是与文字实现基线对齐的,从而会让图片与盒子之间有缝隙存在,如图:在这里插入图片描述 消除缝隙的办法就是直接更改图片的对齐方式,只要不是基线对齐便都能消除缝隙。

damoe div { border: 5px solid rebeccapurple; } div img { vertical-align: top; } asbnvfckdjsbv

在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


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