css
关注
分享
扫一扫
文章平均质量分 54
兜兜没有糖糖
记录工作，记录学习
展开
-
手写一个类似 element-ui 的可输入下拉选择
效果图如下： 当 鼠标 点击 输入框时，显示下拉滚动列表，点击后采用赋值给 输入框； 在输入框中输入值可以再我们的下拉列表数据中进行模糊匹配 完整代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2021-05-11 23:06:30 · 597 阅读 · 0 评论 -
给固定定位的盒子居中
第一步：给div固定定位，然后左偏移量为50%，效果如右图，并没有居中，应该再让盒子往右来自身宽度的一半【position: fixed; left: 50%】 第二步：往右走自身宽度的一半【 transform: translateX(-50%); 往x轴的负方向走自身宽度的50%】 ...原创 2021-04-04 09:53:59 · 858 阅读 · 0 评论 -
css - flex弹性布局
目标： 说出flex盒子布局原理 说出flex布局的常用属性 前提介绍： PC端浏览器支持情况不太好 移动端应用很广泛 备注： 如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局 如果是PC端且要考虑兼容性问题，还是使用传统布局 布局原理： flex：意思是弹性布局，任何一个容器都可以指定为flex布局 当我们为父盒子设为flex布局后，子元素的float、clear、vertical-align属性将失效 伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性原创 2021-04-04 09:48:37 · 207 阅读 · 0 评论 -
CSS - position 定位
postition的常用的值：static，relative，absolute，fixed, 一：position = static 【静态定位】 只要是支持position属性的html对象都是默认为static。static是position属性的默认值，它表示块保留在原本应该在的位置，不会重新定位。 二：position = relative 【相对定位】 相对定位：相对于此元素原本的位置进行垂直或水平移动 三：position = absol...原创 2021-04-04 09:36:47 · 188 阅读 · 0 评论