前言：关于基线（base line），中线（middle line），行高（line height）的了解还是比较浅的，所以引用前辈的成果，稍带解释下 1）行高：两行文字之间“基线”之间的垂直距离 2）行距：一行文字“底线”到“顶线”之间的垂直距离 【我用英文四线谱，脑补了什么为之“基线”，大胆的猜 ...
分类：
其他好文 时间：
2017-08-29 14:19:10
阅读次数：
208
内联元素特性 内联元素，也可以称为行内元素，布局中常用的标签如：a、span等等都是内联元素，它们在布局中的行为： 不支持宽、高、margin上下、padding上下 宽高由内容决定 盒子并在一行 代码换行，盒子之间会产生间距 子元素是内联元素，父元素可以用text-align属性设置子元素水平对齐 ...
分类：
其他好文 时间：
2017-08-25 10:48:43
阅读次数：
133
为什么会产生间隙？ 由于编写代码时的美观和可读性，在代码中添加回车或空格而产生的间隙。 html代码： 方法一： 调整html代码，缺点降低了可读性，如下 或者 方法二： 去掉闭合标签： 方法三： font-size:0 方法四： margin设为负值,*注：margin的值通常为font-size ...
分类：
其他好文 时间：
2017-08-21 09:44:13
阅读次数：
200
图片与父元素下边缘有 2px 的间隙，并不是因为空格。多个 inline-block 元素之间的间隙才是因为空格。 任何不是块级元素的可见元素都是内联元素，其表现的特性是“行布局”形式。 《CSS权威指南》 如图片文字等内联元素，它默认对齐方式都是和它的父级的 baseline 去进行对齐的，但是你 ...
分类：
其他好文 时间：
2017-08-16 00:05:00
阅读次数：
121
方法：给inline-block元素的容器设置font-size: 0;inline-block的字体大小再另行设置即可。 css代码 1 .inline-block-box{ 2 font-size: 0; 3 border: 1px solid blue; 4 box-sizing: borde ...
分类：
其他好文 时间：
2017-08-10 13:44:12
阅读次数：
188
商城的产品详情页面出现了，图片之间有一条空白缝隙的问题，代码如下： 再调试的时候，加入如下代码： 依然有空白缝隙，该游览器在基于appcan平台开发的app中内置的游览器，感到很奇怪，经过一番研究，解决方法如下： 原来底部间隙的原因是因为行内元素默认的垂直对齐方式为baseline造成的字体下方会有 ...
分类：
其他好文 时间：
2017-08-01 19:14:36
阅读次数：
130
表格 table 标签 border width height cellspacing 单元格之间的间隙 默认2 cellpadding 单元格和单元格内容之间的间隙 默认0 align bgcolor background tr标签 表示一行 align 行内文字的水平对齐方式 left/cent ...
分类：
Web程序 时间：
2017-07-31 20:45:08
阅读次数：
176
表格 table标签 border(一般设为1) width height cellspacing 单元格之间的间隙 默认2（通常设为0） cellpadding 单元格与单元格内容之间的间隙 默认为0 align bgcolor 设置背景颜色 background 设置背景图像 tr标签 表示一行 ...
分类：
Web程序 时间：
2017-07-25 22:45:53
阅读次数：
211
题目大意： 一个三角形木板,竖直立放，上面钉着n(n+1)/2颗钉子，还有(n+1)个格子（当n=5时如图1）。每颗钉子和周围的钉子的距离都等于d，每个格子的宽度也都等于d，且除了最左端和最右端的格子外每个格子都正对着最下面一排钉子的间隙。 让一个直径略小于d的小球中心正对着最上面的钉子在板上自由滚 ...
分类：
其他好文 时间：
2017-07-22 18:07:53
阅读次数：
155
这次做的项目，客户说。banner图的上下之间不要留有空隙，细致一看才发现，上下居然都有空隙。审查元素，发现全部的div,img的padding和margin都是0，对于这个间隙到底是假设产生的真的是找不到原因。 网上查了一下，类似的问题还蛮多的。 解决方法基本是四种： 1.将img设置为block ...
分类：
其他好文 时间：
2017-07-20 16:27:48
阅读次数：
103
