随笔分类 -  css

grid 布局兼容性问题
摘要：低版本的安卓机上是不生效的 代码 .grid_4 { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); text-align: center; grid-column-g 阅读全文
posted @ 2021-12-24 14:41 奔跑的前端猿 阅读(2537) 评论(0) 推荐(0) 编辑
css 文本换行的问题
摘要：css 文本换行的问题今天测试再测试功能的时候无意间发现了这个css的bug，我们可以仔细看第一张图的最后两行，明明还没有到结尾就自动换到最后一行去了，按理说应该是撑满当前行再挤到下一行去，于是我就去看了下css的文本溢出换行方法，发现了些许的猫腻，话不多说，直接上图上代码 看下最后两行 word-wrap: break 阅读全文
posted @ 2021-11-19 13:37 奔跑的前端猿 阅读(128) 评论(0) 推荐(0) 编辑
css 跑马灯
摘要：html： <view class="in_scro"> <view class="in_scrview">恭喜139******1用户约看特价房</view> <view class="in_scrview">恭喜139******1用户约看特价房</view> <view class="in_s 阅读全文
posted @ 2020-09-10 12:17 奔跑的前端猿 阅读(2268) 评论(0) 推荐(0) 编辑
css 透明气泡效果
摘要：css body { background:#333333; } .login-card { text-align:center; width:430px; height:430px; margin:auto; margin-top:15vh; padding:30px 20px; border:n 阅读全文
posted @ 2020-07-09 11:29 奔跑的前端猿 阅读(851) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示