-
- 百事可爱i 2021-09-02
字符行高变成0 高度变成0、字符垂直中心线变成图片边缘;行高是0，那么半行间距则会等于 -font-size/2 (必须是宋体，老师之前的课程中有讲).所以盒子才会下移font-size/2 的距离。半行间距是正盒子会上移，是负盒子会下移。
解决办法：vertical-align:top
line-height：0；vertical-align:top 去掉图片底下白框
- 0赞 · 0采集
-
- pinzaghi 2019-08-17
inline-block元素里面没有内容时，基线为底边。里面有文字内容时，基线为最后一个line box的基线
-
截图0赞 · 0采集
-
- pinzaghi 2019-08-17
容器line-height：0和vertical-align：top同时设置去除空格
-
截图0赞 · 0采集
-
- 慕网老油条丶 2019-03-20
如果inline-block元素里面是空的或者没有overflow属性，则它的基线为该元素的底部margin边缘
当line-height：0；时，文字会出现在contentAear中心线上，并将该文字的基线对齐父容器的基线
-
截图0赞 · 0采集
-
- weixin_慕娘8476641 2018-12-06
inline-block的基线
-
截图0赞 · 0采集
-
- 简简单单ap 2018-11-02
如果这个inline-block元素中没有任何元素或者本省没有overflow属性，则他的基线（baseline）与他的margin地边缘对齐。如果他的内部有元素，则以内部元素的基线为自己的基线
- 0赞 · 0采集
-
- Seize_fc 2018-04-12
秘技！消除图片底部间隙！
-
截图0赞 · 0采集
-
- 慕标3903642 2018-03-22
- 因为button1行高为零，button2行高正常，但是两个按钮基线对齐，所以文字在同一条基线上，button的边框区域就得下沉
-
截图0赞 · 0采集
-
- 小社 2017-10-28
- inline block 的基线问题
-
截图0赞 · 0采集
-
- 南宁吴彦祖 2017-10-25
- 父元素设置宽高，子元素行高为0，再设置padding，所以造成了视觉假象
-
截图0赞 · 0采集
-
- 南宁吴彦祖 2017-10-25
- 父元素设置宽高，行高为0，不设置padding的效果
-
截图0赞 · 0采集
-
- 慕田峪5295544 2017-06-27
- 一个字符，如果行高设成了0，实际上占据高度就变成了0了，行高有让文子居中的效果，那么行高为0后，基线就在文字的中间
-
截图0赞 · 0采集
-
- 慕田峪5295544 2017-06-27
- 盒子里什么都没有，基线是底边缘，有内容的话基线就是里面line box的基线
-
截图0赞 · 0采集
-
- 慕田峪5295544 2017-06-22
- 容器line-height：0；vertical-align：top去掉空格
-
截图0赞 · 0采集
-
- 单单happy 2017-06-18
- 盒子里什么都没有，基线是底边缘，有内容的话基线就是里面line box的基线, 基线不一致，就不对齐
-
截图0赞 · 0采集
-
- qq_Grace静_0 2017-03-15
- 盒子里什么都没有，基线是底边缘，有内容的话基线就是里面line box的基线
-
截图0赞 · 0采集
-
- qq_Grace静_0 2017-03-15
- 容器line-height：0；vertical-align：top去掉空格（好基友一起才可以）
-
截图0赞 · 0采集
-
- _莫忘初衷_ 2017-03-02
- 一个inline-block元素，如果里面没有inline内联元素，或者overflow不是visible，则该元素的基线就是其margin底边缘，否则，其基线就是元素里面最后一行内联元素的基线。 行高是0，那么半行间距则会等于 -font-size/2 (必须是宋体，老师之前的课程中有讲).所以盒子才会下移font-size/2 的距离。半行间距是正盒子会上移，是负盒子会下移。
-
截图3赞 · 3采集
-
- 慕后端4782368 2017-02-23
- mark
-
截图0赞 · 0采集
-
- 慕粉4366429 2017-01-18
- 容器line-height:0; 图片下边缘与x垂直中心线对齐。默认i标签与x下边缘对齐。 撑开高度为x的1/2高度。
-
截图0赞 · 1采集
-
- 慕粉4366429 2017-01-18
- 行高变成0 两个基线没有变，对齐同上。有文字部分的内容区域上边变成文字高度中心处
-
截图0赞 · 1采集
-
- 慕粉4366429 2017-01-18
- margin下边缘（即边框下边缘）和x下边缘对齐
-
截图0赞 · 1采集
-
- 慕粉4366429 2017-01-18
- inline-block基线规范
-
截图0赞 · 1采集
-
- figureout77 2017-01-05
- 似懂非懂 重看MARK
- 0赞 · 0采集
-
- LanceChou 2016-12-22
- i标签里的X与图片假想的空白字符的基线对齐，此时行高为0，不足以向下撑开空间，这样图片下面的空白间距消失。
- 0赞 · 0采集
-
- LanceChou 2016-12-22
- 一个inline-block元素，如果里面没有inline内联元素，或者overflow不是visible，则该元素的基线就是其margin底边缘，否则，其基线就是元素里面最后一行内联元素的基线
-
截图0赞 · 0采集
-
- bianer 2016-12-18
- 哇，这些细节真的是好细啊，原来如此，为什么空的box和有文字的对不齐，本身基线标准是不一样的。
-
截图0赞 · 0采集
-
- 学之舟_36820 2016-12-13
- 一个inline-block元素，如果里面没有inline内联元素，或者overflow不是visible，则该元素的基线就是其margin底边缘，否则，其基线就是元素里面最后一行内联元素的基线。
-
截图0赞 · 0采集
-
- 学之舟_36820 2016-12-13
- <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } p{ text-align:justify; background-color: #eee; line-height: 0; } img{ width: 150px; } .justify-fix{ display:inline-block; width: 150px; vertical-align: top; } </style> </head> <body> <p> <img src="http://img4.imgtn.bdimg.com/it/u=2968019053,3099143592&fm=11&gp=0.jpg"> <img src="http://img4.imgtn.bdimg.com/it/u=2968019053,3099143592&fm=11&gp=0.jpg"> <img src="http://img4.imgtn.bdimg.com/it/u=2968019053,3099143592&fm=11&gp=0.jpg"> <img src="http://img4.imgtn.bdimg.com/it/u=2968019053,3099143592&fm=11&gp=0.jpg"> <i class="justify-fix"></i> <i class="justify-fix"></i> <i class="justify-fix"></i> </p> </body> </html>
-
截图0赞 · 0采集
-
- javdroider 2016-11-19
- 消除空白文字节点方法： 1.加文字 2.v-a:top/bottom
-
截图0赞 · 0采集
数据加载中...