<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
理论是基础，有些东西还是要温故而知新吧，闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来，大伙看看吧~~ 1. CSS 盒子模型，绝对定位和相对定位 1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 3）position 和 displa ...
分类：
Web程序 时间：
2021-06-16 18:14:23
阅读次数：
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
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
代码如下： <style type="text/css"> .title{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 300px; height: 300px; font-size: 2 ...
分类：
Web程序 时间：
2021-02-04 11:40:34
阅读次数：
0
1、例如(登录/注册)： header 引入 bootstrap ： <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src ...
分类：
其他好文 时间：
2021-02-03 10:41:48
阅读次数：
0
DIV水平垂直居中 div { width: 100px; height: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;} 父级控制子集居中（弹性布局）.parent { display: ...
分类：
Web程序 时间：
2021-01-15 11:40:06
阅读次数：
0
在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法： 水平垂直居中： 第一种：css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: ...
分类：
Web程序 时间：
2020-07-28 22:50:08
阅读次数：
110
1.grid布局实现（一） .father{ display:grid; align-item:center; justify-items:center; } 2.grid布局实现（二） .father{ display:grid; align-item:center; justify-conten ...
分类：
Web程序 时间：
2020-07-10 13:11:05
阅读次数：
90
0.引言 在我们编写css的时候，经常会用到百分比赋值（%）实现自适应。像我们最常使用的流式布局设计模式，基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题，我们常常会使用下面这样的css代码加以实现（absolute+transform思路）： .wrap { ...
分类：
Web程序 时间：
2020-07-07 00:40:28
阅读次数：
200
