css常见问题
小怪兽学前端
这个作者很懒,什么都没留下…
展开
-
彩虹文字效果css,会动哦!
彩虹文字效果css,会动哦!@import url("https://fonts.googleapis.com/css?family=Lato:300");body { display: flex; height: 100vh; justify-content: center; align-items: center; text-align: center; background: #222;}.rainbow { letter-spacing: 0.2rem;原创 2021-03-10 14:08:23 · 428 阅读 · 0 评论 -
CSS文本超过三行用省略号代替
CSS文本超过三行用省略号代替overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; // 控制多行的行数 -webkit-box-orient: vertical;原创 2020-12-17 16:30:33 · 2672 阅读 · 0 评论 -
用div来模拟textarea的实现
用div来模拟textarea的实现<style>div{ width: 400px; min-height: 100px; max-height: 300px; _height: 100px; //IE6 margin-left: auto; margin-right: auto; padding: 3px; outline: 0; border: 1px solid #a0b3d6; font-si原创 2020-11-30 19:43:12 · 233 阅读 · 0 评论 -
css图片不变形又要控制宽高的属性
css图片不变形又要控制宽高的属性先上代码img{width:4.3rem;height:4.3rem;object-fit: cover;//没错,就是这个属性}缺点就是会裁掉一部分,显示主体物,但是我是需要打开大图浏览,所以不影响,如果ui不强制要求宽高最好只定义宽度让高度自适应。这是原图,可以对比一下(图片来自网络,如果有需要可以联系删除)...原创 2020-11-30 19:35:39 · 695 阅读 · 0 评论 -
css如何修改placeholder样式
我们知道直接给input元素设置字体大小placeholder还是浏览器默认的,那应该怎么写css样式呢?input::-webkit-input-placeholder{ color:red; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:red; } input:-moz-placeholder{ /* Moz原创 2020-11-24 17:36:14 · 696 阅读 · 0 评论