CSS--使用display:inline-block;存在间隙问题解决

1.效果

2.源代码

<html><head><meta charset="utf-8"><title>CSS--使用display:inline-block;存在间隙问题解决</title><meta name="keyword" content="CSS--使用display:inline-block;存在间隙问题"><meta name="discription" content="CSS--使用display:inline-block;存在间隙问题"><style>/* 1.float: left; */.link a {border: 1px solid red;display: inline-block;font-size: 20px;/*  float: left; */}/* 2.margin-right: -3px; */.link a {border: 1px solid red;display: inline-block;font-size: 20px;/*  margin-right: -5px;font-size: 12px; */}/* 3.父节点font-size: 0; *//* .link{font-size: 0;}  */.link a {border: 1px solid red;font-size: 20px;display: inline-block;}/* 4.letter-spacing: -5px; *//* .link {letter-spacing: -5px;}.link a {border: 1px solid red;font-size: 20px;display: inline-block;letter-spacing: 0;} *//* 5.word-spacing: -5px; *//*  .link{word-spacing: -5px;}.link a{font-size: 20px;display: inline-block;border: 1px solid red;word-spacing: 0;} */</style>
</head><body><div class="link"><a href="#">链接1</a><a href="#">链接2</a><a href="#">链接3</a><a href="#">链接4</a><a href="#">链接5</a></div>
</body></html>

转载于:https://www.cnblogs.com/SunlikeLWL/p/8808898.html

CSS--使用display:inline-block;存在间隙问题解决相关推荐

[CSS]详解display:inline | block |inline-block的区别
2019独角兽企业重金招聘Python工程师标准>>> [CSS]详解display:inline | block |inline-block的区别[点评网站][发布新闻][申请专栏 ...
CSS中display：block、inline、inline-block
display:block的特点: 1.block元素会独占一行,多个block元素会各自新起一行.默认情况下,block元素宽度自动填满其父元素宽度. 2.block元素可以设置width,heig ...
CSS 中 display 的 block，inline，inline-block 这三个属性的区别
基本概念 1.block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素).block元 ...
HTML CSS里display：block的原理和用法
display:block:比较常用于这两个标签,因为这两个标签非块元素.如果不用display:block定义,那么定义width.height等和长宽相关的css属性时不会生效. </htm ...
display:inline、block、inline-block
总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素).block元素通 ...
关于css的display:flex inline block inline-block和float
1.解释一下display的几个常用的属性值,inline , block, inline-block inline(行内元素):使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行, ...
CSS之display:block布局
转载自http://www.cnblogs.com/Ry-yuan/p/6848197.html) CSS之使用display:inline-block来布局 css之display:inline-b ...
display的block、none、inline属性及解释
常会用到display对应值有block.none.inline这三个值参数: block :块对象的默认值.用该值为对象之后添加新行.之前也添加一行. none :隐藏对象.与visibility ...
display:inline、block、inline-block的区别
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始: 高度,行高以及顶和底边距都可控制: 宽度缺省是它的容器的100%,除非设定一个宽度 <div& ...
display:inline、block、inline-block的区别以及该死的ie6兼容问题
2019独角兽企业重金招聘Python工程师标准>>> display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始: 高度,行高以及顶和底边距都 ...

CSS--使用display:inline-block;存在间隙问题解决

CSS--使用display:inline-block;存在间隙问题解决相关推荐

最新文章

热门文章