<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
