实现原理:父元素为定宽定高相对定位,且overflow:hidden,子元素为绝对定位高度继承父元素,宽度可计算或设置一个大值,通过绝对定位的left来决定显示的子元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m ...
分类:
Web程序 时间:
2020-06-25 19:57:46
阅读次数:
62
1、清除浮动的原因 (1)不清除浮动的情况: 由于父级的子元素不方便给高度(不给高度的时候父盒子的大小由里面包含的子盒子来决定),但是,子元素为浮动的又不占有位置,导致父级的盒子高度为0的时候就会影响下面的标准流的盒子。 <!DOCTYPE html> <html> <head> <meta cha ...
分类:
Web程序 时间:
2020-06-20 01:25:36
阅读次数:
78
一、CSS复合选择器 1.1 后代选择器 1.2 子元素选择器 1.3 交集选择器 1.4 并集选择器 1.5 链接伪类选择器 二、标签的显示模式 2.1 什么是标签的显示模式 2.2 块元素 2.3 行内元素 2.4 行内块元素 2.5 标签显示模式转换(display) 三、行高那些事儿 3.1 ...
分类:
Web程序 时间:
2020-06-19 12:05:01
阅读次数:
66
前言 在 uni-app 开发中 scroll-view 组件用到几率也是比较大滴,存在问题主要是:点击子元素,子元素在什么位置展示? 今天我们来好好总结一下 0.0~ Part.1 可能出现的需求 效果一:当前点击子元素靠左展示 效果二:当前点击子元素靠左留一展示 效果三:当前点击子元素居中展示 ...
分类:
移动开发 时间:
2020-06-18 19:34:04
阅读次数:
265
css selector 优点:通过样式定位,速度快 缺点:支持selenium但不支持appium--xpath可用 selenium定位语法$('') 示例如下: $('#s_tab>a:nth-child(2)')name 或id定位子元素 $('#s_tab a:nth-child(2)') ...
分类:
Web程序 时间:
2020-06-18 13:08:49
阅读次数:
82
flex父项设置flex-direction: // 默认主轴的方向,水平向右;侧轴垂直向下 row【默认值】 / row-reverse / column / column-reversejustify-content:space-around //设置主轴上子元素排列方式 flex-start【... ...
分类:
移动开发 时间:
2020-06-17 20:15:40
阅读次数:
58
[A] flex弹性布局 flex弹性盒模型 2009年。W3C提出一种新的方案 flex布局,可以简便,完整,响应式的实现各种布局。 目前他已经得到了所有的浏览器的支持,这意味着,这项功能可以被安全使用 作用在flex容器上的属性 作用在flex子元素上的属性 flex-direction ord ...
分类:
Web程序 时间:
2020-06-17 20:02:31
阅读次数:
57
关于flex布局 dispaly:flex;添加到父元素上,决定了它的子元素的布局 以下都是添加在父元素上的属性: 1、flex-direction:决定了子元素在弹性盒内的主轴方向 1、row默认的x轴从左到右排列 2、row-reverse x轴倒序排列 3、column y轴从上到下排列 4. ...
分类:
其他好文 时间:
2020-06-12 17:32:03
阅读次数:
66
有以下三种方式来实现元素的隐藏: ① display: none; 不占据空间,更改该属性时会引起DOM树结构变化、页面重新布局——回流。 父元素被设置后已不在标准流中存在,自然不会被子元素继承。 无占位元素,原有的元素绑定的事件监听无效。 //元素显示:display: block; ② visi ...
分类:
Web程序 时间:
2020-06-12 14:12:14
阅读次数:
79
请定义一个XMLUtil类,定义一个load方法,要求利用dom4j解析技术完成数据解析封装,再返回Page对象1、根据xml结构设计Page类,此Page对象必须包括keyword属性值和所有子元素<UIElement>信息2、<UIElement>的所有属性值要求封装再UIElement类中,请 ...
分类:
其他好文 时间:
2020-06-09 23:58:27
阅读次数:
110