当前位置: 首页 > Web前端 > CSS

去掉inline-blockspacing

时间:2023-03-30 17:31:52 CSS

现象描述  真正意义上的inline-block水平渲染的元素,换行显示或者空格分隔时会有空隙。这是因为浏览器会将Newlines等解析为空格读取的结果。1、parentsetfont-size:0给父级设置font-size:0,然后在子元素中设置我们的字体大小,这样元素之间的间距也可以去掉。<样式>div{字体大小:0;}a{字体大小:16px;背景:粉色;}

链接1链接2链接3Link4
2.使用字母间距。<样式>div{字母间距:-6px;}a{字母间距:0;背景:粉色;}
链接1链接2链接3链接4
3,使用word-spacing
链接1链接2链接3链接4