前端
关注
分享
扫一扫
我是全栈架构师
高级架构师
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
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 · 342 阅读 · 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 · 352 阅读 · 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 · 740 阅读 · 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 · 1724 阅读 · 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 · 1099 阅读 · 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 · 535 阅读 · 0 评论 -
nginx路径location匹配
1.都不带杠 测试请求地址: http://localhost/web/index location /web { proxy_pass http://localhost:8080; } 注: 带web 例如: 代理的完整地址:http://localhost:8080/web/index 2.都带杠 location /web/ { proxy_pass http://localhost:8080/; } 注: 不带web 代理的完整地址: http://localhost:80原创 2020-12-06 21:53:51 · 356 阅读 · 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 · 270 阅读 · 0 评论