<div class="login-container"> <div class="login-top-table"> <div class="login-top-table-cell"> <img src="../../../static/images/login-icon.png" class= ...
分类:
其他好文 时间:
2021-06-30 18:26:48
阅读次数:
0
现象: 当给Modal组件添加 draggable 属性将对话框设为可拖动时,当拖动对话框时,对话框就消失(或者跑偏了)。 原因: 因为Modal组件使用了“自定义位置”的垂直居中,参考官方文档 https://www.iviewui.com/components/modal#ZDYWZ 结论: d ...
分类:
其他好文 时间:
2021-06-22 18:23:59
阅读次数:
0
理论是基础,有些东西还是要温故而知新吧,闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来,大伙看看吧~~ 1. CSS 盒子模型,绝对定位和相对定位 1)清除浮动,什么时候需要清除浮动,清除浮动都有哪些方法 2)如何保持浮层水平垂直居中 3)position 和 displa ...
分类:
Web程序 时间:
2021-06-16 18:14:23
阅读次数:
0
1.table布局 <div class="box"> <p>前端开发真不错,就是智商跟不上</p> <p>前端开发真不错,就是智商跟不上</p> </div> .box { width: 300px; height: 200px; border: 1px solid #000; display: ...
分类:
Web程序 时间:
2021-06-11 18:21:11
阅读次数:
0
1.负margin技术: 当元素的margin-top和margin-left取负值时,“当前元素”会被拉向指定方向。 当元素的margin-bottom和margin-right取负值时,“后续元素”会被拉向指定方向。 自适应两列布局 <style> *{margin:0} .main,.side ...
分类:
其他好文 时间:
2021-06-07 20:00:34
阅读次数:
0
1. 水平居中(margin: auto;)子父元素宽度固定,子元素上设置 margin: auto; 子元素不能设置浮动,否则居中失效。 #div1{ width: 300px; height: 300px; border: 1px solid red; } #div1 p { width: 10 ...
分类:
Web程序 时间:
2021-05-24 15:08:56
阅读次数:
0
方法2:display:flex 1 2 3 4 5 .box2{ display: flex; justify-content:center; align-items:Center; } 方法3:绝对定位和负边距 .box3{position:relative;} .box3 span{ posi ...
分类:
Web程序 时间:
2021-04-24 13:51:53
阅读次数:
0
1.table-cell <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box{ width: 200px; height: 200px; background-color: red; di ...
分类:
Web程序 时间:
2021-04-22 15:56:20
阅读次数:
0
1.仅水平居中: 1.1行内元素水平居中:text-align 1 <head> 2 <style> 3 #box { 4 width: 200px; 5 height: 200px; 6 border: 1px solid red; 7 /* 行内元素水平 */ 8 text-align: cen ...
分类:
其他好文 时间:
2021-04-12 12:06:07
阅读次数:
0
写一个页面,用到了垂直居中,但是页面是自适应的,所以div的高度也是不固定的 只能使用百分比来指定高度,然后测试了好长时间 就是文字弄不了垂直居中。 于是 自己整理了一个亲测可行的方案。 具体代码如下: <div style="height:100%;display:table;width:100% ...
分类:
Web程序 时间:
2021-04-05 12:35:45
阅读次数:
0