2021年6月
生命不息，折腾不止Vue里如何使用bootstrap
第一步：安装npm install bootstrap --save第二步：引入css文件在main.js里写上import 'bootstrap/dist/css/bootstrap.min.css' 第三步：就可以在页面文件的te...
CSS居右对齐
通过一下css代码实现内容的居右对齐：.box { display: flex; justify-content: flex-end; }
Vue中如何使element.ui的组件生效
Vue里面虽然我们安装了element.ui，但是如果直接把官网的代码复制过来是不能生效的，还需要在plugin/element.js里引入，具体如下：import { Button, Form, FormItem, Input, N...
如何让box在页面居中
做登录界面的时候，需要让登录的box在页面中居中，除了之前提到的3种方法之外，今天又学到了一种。。.login_box { position: absolute; top: 50%; left: 50%; transf...
Vue2的路由
第一步：在component里添加一个路由文件如Login.vue第二步：在router/index.js里，先import组件import Login from './components/Login.vue' 然后添加一个路由配置...
实现点击收缩侧边导航栏的最简html/css代码
基本原理：navigation设置有宽度300pxmain设置有宽度cacl(100%-300px)，left左边距300px点击toggle div的时候，用js将navigation加上active状态，宽度改成60px，动画时间...
如何用@media判断屏幕分辨率
需求：根据不同的屏幕属性展示不同的CSS样式方案：使用@media判断方法：屏幕小于550px的屏幕：@media only screen and (max-width: 550px) { ... } 屏幕小于1000px的屏幕：...
CSS GRID最基础的代码，太强大了
HTML部分<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" />...
博客信息
生命不息，折腾不止
286
文章数7
评论数0天
运行天数2021年06月
搜索
最新文章
文章分类
标签云
文章归档
- 2025年03月 1
- 2025年02月 2
- 2025年01月 15
- 2024年12月 1
- 2024年11月 2
- 2024年10月 2
- 2024年09月 5
- 2024年08月 2
- 2024年07月 2
- 2024年06月 1
- 2024年05月 4
- 2024年04月 1
- 2024年03月 3
- 2023年12月 14
- 2023年11月 5
- 2023年10月 23
- 2023年09月 4
- 2023年08月 3
- 2023年06月 1
- 2023年05月 1
- 2023年04月 4
- 2023年02月 5
- 2023年01月 9
- 2022年12月 3
- 2022年11月 1
- 2022年07月 3
- 2022年06月 7
- 2022年05月 7
- 2022年04月 1
- 2022年02月 3
- 2021年10月 4
- 2021年09月 11
- 2021年08月 8
- 2021年06月 8
- 2021年05月 9
- 2021年04月 7
- 2021年03月 8
- 2021年02月 8
- 2021年01月 20
- 2020年12月 18
- 2020年11月 11
- 2020年10月 16
- 2020年09月 23
最新回复