![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
wcdunf
这个作者很懒,什么都没留下…
展开
-
css3 响应式布局:div 内的方格元素响应式布局,无论浏览器怎么缩放,都保持比例不变,会浏览器窗口变小,元素会自动换行。不会出现元素挤压变形的情况,怎么做?
在以上代码中,当屏幕宽度小于 600px 时,元素每行只显示两个,并且每个元素占据 50% 的宽度,可以根据实际需求进行调整。查询可以根据不同的屏幕宽度设置不同的显示效果,使得页面在不同大小的屏幕上都能够合理地显示,并且具有良好的可读性和用户体验。实现 div 内的方格元素响应式布局,可以使用 CSS3 的。原创 2023-05-12 20:43:17 · 961 阅读 · 0 评论 -
css: div中所有的元素居中
/*居中*/ display: flex; justify-content: center;/*垂直居中*/ align-items: center;/*水平居中*/原创 2021-04-28 11:49:07 · 7096 阅读 · 2 评论 -
VUE:指定元素内,鼠标滚轮横向滚动内容,支持平滑滚动
简介页面上,有纵向滚动的元素,也有横向滚动的元素。由于纵向滚动是默认的,所以就需要把横向滚动事件区分开来。具体实现对需要滚动条(纵向转变为横向)的标签设置个id(避免重复),然后调用如下 setScroolFun 方法(注意元素渲染后调用)。data () { return { documentObj : null }},methods: { setScroolFun () { this.documentObj = document.getElemen.原创 2021-04-27 12:00:40 · 3385 阅读 · 1 评论 -
css: div下的内容居中
<view wx:elif="{{map.imgFileInfo!=null}}" style="text-align: center;"> <image mode="aspectFill" style="width: 98%;" src="{{map.imgFileInfo.location}}"></image></view>//text-align: center 设置内容居中,包括视频和图片...原创 2021-04-19 16:43:58 · 106 阅读 · 0 评论