目录 水平居中 行内元素 块级元素 方案一:(分宽度定不定两种情况) 方案二:使用定位属性 方案三:使用flexbox布局实现(宽度定不定都可以) 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一:使用定位属性 方案二:使用flex ...
分类:
Web程序 时间:
2020-07-05 23:12:37
阅读次数:
99
既呈现 inline 特性(不占据一整行,宽度由内容宽度决定) 又呈现 block 特性 (可设置宽高,内外边距) 默认情况下,inline-block元素之间就有空隙出现(缝隙的实质就是元素标签段之间的空格) 1.去掉HTML中的空格; 2.使用font-size:0; vertical-alig ...
分类:
其他好文 时间:
2020-07-05 21:36:03
阅读次数:
51
浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制,移动到其父元素中指定位置的过程。 语法: float : left right none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,即使行内元 素浮动后也可以设置宽高.(类似不代表是,浮动后的盒 ...
分类:
其他好文 时间:
2020-07-05 20:55:51
阅读次数:
105
window innerHeight: 返回窗口的文档显示区域高度 innerWidth: 返回窗口的文档显示区域宽度 outerHeight: 返回窗口的外部高度,包括工具条和滚动条(缩放浏览器的时候会发生变化) outerWidth: 返回窗口的外部高度,包括工具条和滚动条(缩放浏览器的时候会发 ...
分类:
其他好文 时间:
2020-07-05 13:22:45
阅读次数:
57
以下为暂时的框架,等返校再完成 全谱光滑,局部光滑,并输出特征峰 待完成拟合(高斯拟合,洛伦兹拟合,Voigt拟合) 局部取峰位置,峰强度,峰面积,半宽高 ...
分类:
其他好文 时间:
2020-07-03 23:05:45
阅读次数:
60
复盘鼎甲科技2020web开发工程师-笔试题(校招) 本试卷以W3C规范为准,JavaScript使用ES5标准,除特别说明外,不考虑各个浏览器之间差异。 一、多项选择题 以下标签是行内元素(inline)的是【多选题】【A C D E】 A. <img> B. <li> C. <label> D. ...
分类:
Web程序 时间:
2020-07-03 19:46:12
阅读次数:
83
场景 由于行内元素默认vertical-align按照基线(base-line)对齐,而父元素的border-bottom对应着行内元素的底线(bottom),所以默认情况下图片会与父元素产生底部间隙。 去除间隙 vertical-align按照bottom对齐 img { vertical-ali ...
分类:
Web程序 时间:
2020-07-03 15:44:50
阅读次数:
87
浮动 元素的浮动是指设置了浮动属性的元素会脱离标准普通 流的控制,移动到其父元素中指定位置的过程。 语法: float . left . right . none(默认) 注意: 1. 浮动的元素要有父元素 2. 浮动后的元素类似元素行内块元素,如果没有设置宽高,它的宽等同于内容的宽高.即使行内元素 ...
分类:
Web程序 时间:
2020-07-02 21:35:35
阅读次数:
76
CSS 中文开发手册 纵横比 | @media.aspect-ratio (Media Queries) - CSS 中文开发手册 该aspect-ratio CSS @media媒体功能可用于应用基础上的纵横比视觉效果。 语法 该aspect-ratio特征被指定为 值表示表示视口的宽高比宽高比的... ...
分类:
Web程序 时间:
2020-07-02 00:22:33
阅读次数:
119
行内元素 <img/>、<strong></strong>、<em></em>、<hr/>、<br/> <a></a>、<span></span>、<input>、<select></select> 块级元素 <h1></h1> ~ <h6></h6>、<p></p>、列表、表格{div 、ul o ...
分类:
其他好文 时间:
2020-07-01 23:42:19
阅读次数:
56