1.块元素 2.行内元素 3.inline-block元素 ...
分类:
其他好文 时间:
2020-01-20 19:26:12
阅读次数:
49
"三种元素" "块元素" "内联元素" "内联块元素" "元素之间的转换" 三种元素 元素就是标签,布局中常用的有三种标签,块元素、内联元素、内联块元素。 了解这三种元素的特性,才能熟练的进行页面布局。 块元素 块元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6、dl、 ...
分类:
Web程序 时间:
2020-01-19 22:07:29
阅读次数:
110
效果如下图 使用float <div> <span style="width:50px;float:left;">名称:</span> <div style="margin-left:50px;">这里是很长很长的内容,需要换行..这里是很长很长的内容,需要换行...这里是很长很长的内容,需要换行. ...
分类:
其他好文 时间:
2020-01-18 10:22:54
阅读次数:
82
浮动:让多个块元素可以在一行显示 让多个div放一行 问题:浮动是脱标的,因此会影响别的盒子 ,不在保留原来位置。 清除浮动的本质: 解决父级元素内高为0的问题(子级浮动后),让父级占位子。 相对于定位,在应用的时候,子绝父相,父级元素保留位置,故虽同脱标但无上述问题 清除浮动的方法: 1. 额外标 ...
分类:
其他好文 时间:
2020-01-17 10:06:23
阅读次数:
70
水平垂直居中 1. 水平居中 定宽: margin: 0 auto; 不定宽: 参考例子中不定宽高例子。 2. 垂直居中 position: absolute设置left、top、margin left、margin to(定高); position: fixed设置margin: auto(定高) ...
分类:
Web程序 时间:
2020-01-10 15:59:05
阅读次数:
112
有导入就有导出哈!这里继导入之后记录一下导出的实现过程。 1.按钮部分: <el-button class="filter-item" style="margin-left: 10px;" type="success" native-type="submit" @click="exportAll() ...
分类:
其他好文 时间:
2020-01-09 22:58:22
阅读次数:
200
表格树形结构一直很纠结,没有好的处理方式,以前见过table套table的表格tree不过不好看 ztree插件不是树形的; 领导说layui 树形结构,可以参考下。 搜索看了下html结构,是通过margin-left来区分层级的;所有节点都是同级的tr; 通过javascript配合父级菜单的s ...
分类:
其他好文 时间:
2020-01-08 20:55:39
阅读次数:
105
3.4.1 行人块元素,可以用display转换; a.支持全部的样式 b.宽高由内容决定 c. 盒子并在一行 d.代码换行,盒子之间会产生间隙 el.子元素是内联元素,父元素可以用text-align属性设置元素水平对齐方式 3.4.2 解决内联元素之间的间隙的方法 a.去掉内联元素之间的换行 b ...
分类:
其他好文 时间:
2020-01-06 14:44:04
阅读次数:
59
1、行级元素 内联元素 inline feature:内容决定元素所占位置, 不可以通过css改变宽高 span strong em a del 2、块级元素 block feature:独占一行 可以通过CSS改变宽高 div p ul li ol form address 3、行级块元素 inl ...
分类:
Web程序 时间:
2020-01-06 00:25:37
阅读次数:
94