![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
最亮的心
前端开发,c++开发,易语言开发
展开
-
flex垂直居中,水平居中和其他布局方式
flex水平垂直居中<div class="content"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> </div>.content { display: flex; align-items:center; justify-content:center; bord原创 2021-07-30 11:14:40 · 416 阅读 · 0 评论 -
css解决图片宽高比不固定时,图片居中的问题
web开发中,经常会遇到图片居中显示的问题,如果图片的尺寸固定还好说,如果不固定,有的图片是宽度比较大,有的图片是高度比较大,碰到这种情况,UI就会和你说:“这个不行,我要居中的!”抱着万马奔腾的心情,千幸万苦之后,找到了下面这种解决方案,只需要写点CSS<span className="span"> <img src="" className="img" alt="" /></span>.span { display: .原创 2021-02-02 17:25:14 · 927 阅读 · 0 评论 -
解决浏览器自动回填input输入框内容
在网页开发时,我们经常会有input搜索框和用户名密码的input被浏览器自动回填的时候,但是很多时候,自动回填的值不是我们想要的,摸索了一段时间之后,终于找到终极解决方案在页面的最前面加入两个input,属性不要设置为hidden,因为我测试过hidden,是无效的。其中一个属性设置为type=“text”,另外一个属性设置为type=“password”,然后通过绝对定位,让这两个input不显示在页面上,代码如下: <input class="hidden-inp" type="text.原创 2020-12-03 10:17:00 · 1210 阅读 · 0 评论 -
web开发遇到的兼容性问题
兼容性问题ios点击不触发点击事件,给点击元素添加一个:onclick=”“ios下的new Date():1.使用”2017/06/02”; 2.”2017/06/02”必须年月日都写上,不能缺失原创 2017-06-22 19:17:13 · 277 阅读 · 0 评论 -
css强制换行和强制不换行写法, 清除浮动
css换行写法word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/css不换行写法word-break:brea原创 2017-06-22 15:12:11 · 6460 阅读 · 0 评论 -
heroku 自动部署create-react-app项目
本文介绍heroku服务器上部署react项目,会自动编译,打包源码npm install -g create-react-appcreate-react-app my-appcd my-appgit initheroku create -b https://github.com/mars/create-react-app-buildpack.gitgit add .git commit转载 2017-08-18 20:49:51 · 727 阅读 · 0 评论 -
开发 --笔记
有些浏览器的滚动条样式贼丑,还不让美化,这个组件助你一臂之力(react-free-scrollbar)原创 2019-01-04 15:26:06 · 136 阅读 · 0 评论