Css
Whitess007
痴迷搭建环境
展开
-
tailwindcss:flex布局解决高度不固定的需求
体验了一把tailwindcss,写在页面上的确实简化了大量css的编写,简洁美观一些。原创 2022-07-06 15:33:08 · 1745 阅读 · 0 评论 -
css实现上面div根据内容自动高度,下面的div自动铺满剩余高度
“加载更多”的功能,如果是监听某个dom元素来实现,你会怎么做?我的设想是:1、此dom元素要可滚动;2、判断合适应该做“加载更多”的逻辑;在我所做的项目中,引用了bootstrap框架,并且这个dom元素隐藏的还比较深。<body class='enroll-repos'> <nav class='navbar site-navbar-default'></nav> <div class='app container'>原创 2019-01-10 13:50:26 · 15893 阅读 · 6 评论 -
当li的宽度超出ul时,隐藏不换行
突然发现不会写样式需要实现的效果:在ul中,当所有li超过ul的总宽时,隐藏。类似这样:代码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ul中的li不换行</title> <link rel="原创 2019-03-12 11:15:15 · 5632 阅读 · 0 评论 -
背景图片如何正确显示?
用less语法写背景图片地址,总是遇到这个报错;原因:利用webpack打包文件时,未使用图片加载器;解决:1、加上了file-loader或者url-loader;2、正确配置路径,否则会导致404;在 webpack 中会将图片当做模块来用,比如:[{img:require(‘./src.jpg’)}]因为是动态加载的,所以 url-loader 将无法解析图片地址。常见的解决办法有两种:a、用 require 蒋图片作为模块加载,这时候 webpack 打包时,会将 require 打原创 2019-04-28 13:51:01 · 304 阅读 · 0 评论 -
Less编译calc()出错
问题在日常开发中,经常采用less语法写样式。但也会遇到一些兼容性的问题,比如下面的例子:width: calc(100vh - 50px);// 编译后width: calc(50vh);解决width: calc(~"100vh - 50px");原创 2019-08-15 20:40:11 · 577 阅读 · 0 评论