
css3
文章平均质量分 72
三水木雨
这个作者很懒,什么都没留下…
展开
-
flex-wrap:nowrap和white-space: nowrap区别
2、数据过少时:用父元素加white-space;两者虽然名称相似,但解决的问题域完全不同。实际开发中经常需要配合使用,例如实现一个横向滚动且文本不换行的导航栏。关键词,但它们的应用场景和作用对象完全不同。flex-wrap:nowrap,会遇到将部分文字隐藏的情况。✅ 子项总宽度 ≤ 容器宽度:正常单行排列。控制Flex布局中子元素的换行行为,属于。强制文本在一行显示,即使超出容器宽度。✅ 文本内容 ≤ 容器宽度:正常显示。控制元素内文本的换行行为,属于。控制Flex容器内子元素。原创 2025-04-20 01:49:30 · 746 阅读 · 0 评论 -
div盒子放在页面正中间,添加旋转动画的时候,盒子向右下偏移
animation中添加的过渡中 transform: rotate(0deg);将原本设置的定位 transform: translate(-50%, -50%);第二种方法、@keyframes种同时加上 transform: translate(-50%, -50%);第一种、在该盒子上面再添加一个盒子,把animation以外的属性添加在外一层的盒子中。//盒子定位在页面正中心。原创 2023-10-15 22:53:55 · 451 阅读 · 0 评论 -
vh、vw、vmin、vmax
百分比时基于父元素的长宽,而vh\vw\vmin\vmax基于屏幕可见视图的长或者宽。vmin:vh和vw之间选较小的值,vmax:vh和vw之间选较大的值。vh:指屏幕可见视窗的高,vw:指屏幕可见视窗的宽,原创 2023-10-15 22:32:25 · 697 阅读 · 0 评论 -
css3新增选择器总结
有详细示例地讲解有关“属性选择器、结构伪类选择器、伪元素选择器、UI状态伪类选择器、反选伪类选择器、target选择器、级元素通用选择器、父亲选择器、后代选择器、相邻兄弟选择器、兄弟们选择器”选择器。原创 2023-08-13 21:19:18 · 1106 阅读 · 0 评论