前端
我是全栈架构师
高级架构师
展开
-
css3 display:flex 布局flex-grow
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container {原创 2021-01-22 15:05:59 · 255 阅读 · 0 评论 -
css display:flex布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>flex layout</title> <style> .container {原创 2021-01-22 15:03:01 · 249 阅读 · 0 评论 -
css display: grid属性grid-template-areas
.container { border:none; display: grid; height: 600px; grid-template-columns: 200px 1fr; /*两列,第一列200px,第二列自适应*/ grid-template-rows: 50px 1fr 30px; /*三行:第一行:50px,第二行:自适应,第三行:30px*/ row-gap: 3px; /*行间距*/ column-gap: 3px; /*列原创 2021-01-21 17:24:27 · 628 阅读 · 1 评论 -
css display: grid属性repeat
.container { display: grid; box-shadow: 0 0 1px #cccccc; grid-template-columns: repeat(3,1fr); /*相当于 1fr 1fr 1fr*/ grid-template-rows: repeat(2,100px); /*相当于100px 100px*/ row-gap: 5px; column-gap: 5px;}.item { box-shadow:原创 2021-01-21 17:22:00 · 1613 阅读 · 0 评论 -
css display: grid布局grid-template-columns
<style type="text/css"> .content{ display: grid; grid-template-columns: 300px 300px 300px; /*fr, 每个元素的占比*/ grid-template-rows: 200px 200px; row-gap: 5px; column-gap: 5px; justify-content: center;原创 2021-01-21 17:16:53 · 947 阅读 · 0 评论 -
bootstrap form布局标准结构
<div class="panel panel-primary"> <div class="panel-heading">垂直布局</div> <div class="panel-body"> <form role="form" style="width: 500px"> <div class="form-group">原创 2020-12-29 22:54:43 · 449 阅读 · 0 评论 -
nginx路径location匹配
1.都不带杠测试请求地址: http://localhost/web/indexlocation /web { proxy_pass http://localhost:8080; }注: 带web例如:代理的完整地址:http://localhost:8080/web/index2.都带杠location /web/ { proxy_pass http://localhost:8080/;}注: 不带web代理的完整地址: http://localhost:80原创 2020-12-06 21:53:51 · 258 阅读 · 0 评论 -
Vue中的ref和$refs实例
定义<div ref="message"></div><sys-header ref="headerxx"></sys-header>使用//这里获取的是DOM对象this.$refs.message.innerHTML="<button>login</button>";//这里获取的是子组件的实例let headerxx = this.$refs.headerxx;//获取子组件的数据console.log(hea原创 2020-11-07 12:54:31 · 189 阅读 · 0 评论