css
王巨饿
这个作者很懒,什么都没留下…
展开
-
CSS实现矩形两边挖半圆凹槽
想要实现这种效果,准备个矩形盒子<view class="content-box"></view>css样式如下:.content-box{ width: 630rpx; height: 480rpx; position: relative; background-color: #fff; margin: 30rpx 60rpx 40rpx;}.content-box:after { position: absolute; content:.原创 2022-03-04 16:47:55 · 1531 阅读 · 0 评论 -
取消点击搜索框或文本框高亮
outline:none用于取消点击搜索框或者文本域表框会变粗高亮显示resize: none 用于取消文本域textarea右下角可拉伸斜线原创 2021-07-30 22:07:42 · 560 阅读 · 0 评论 -
文本溢出显示省略号
文本溢出省略号显示一、单行文本溢出:white-space:nowrap; //文本强制一行显示overflow:hidden; //溢出部分隐藏text-overflow:ellipsis; //溢出文字用省略号显示二、多行文本溢出:这个有较大兼容性问题,适合于webkit浏览器或移动端(移动端大部分是webkit内核)overflow:hidden;text-overflow:ellipsis;display: -webkit-box; //弹性伸缩盒子模型显示-webkit-原创 2021-07-10 13:50:02 · 62 阅读 · 0 评论 -
图片底部默认空白缝隙
解决图片底部默认空白缝隙问题图片在盒子里面底侧会有一个空白缝隙,原因是行内块元素会和文字的基线对齐解决方法有两种:1.给图片添加 vertical-align:middle | top | bottom 等,只要不是baseline基线对齐就行。2.因为只有行内块元素才有这种对齐方式,所以把元素转换成块级元素就行 display:black...原创 2021-07-10 11:08:19 · 103 阅读 · 0 评论