flex：1中的white-space：nowrap问题
最近在写样式的时候发现，给元素设置了flex: 1以及其子元素设置了white-space: nowrap的时候，子元素的文字过长时候，会超出容器外。先上代码 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } li { width: 350px; display: flex; border: 1px solid red; ...
css:background属性不生效
前言❕在移动端上，部分手机无法正常使用background-position，background-size的属性。 先说我要实现的效果，就是将一张图放大，然后实现画面放大以达到前进的效果。第一步效果 第二步效果，只显示绿框 第三步效果，只显示绿框 线上效果地址https://weixin.mountainkj.com.cn/valentine/，请在微信中代开。 部分样式代码 1234567891011121314151617.container { min-height: 100vh; transition: all 2s linear; bacgkround: url("https://cdn.xiaolouyou.com/allove/Valentine2/bg.jpg"); background-position: center top; background-size: 100% auto;}.container.step2 { background-position: center...